小程序中的箭头函数的具体使用

更新时间：2020年06月19日 10:41:23 作者：石兴龙

这篇文章主要介绍了小程序中的箭头函数的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

这个是ES6的箭头函数，res =>可以理解为function(res)

箭头函数的最大好处就是省略了var that=this 从而将this改为静态。

var 函数名 = 参数名 => 返回值;

var f = v => v;

//等同于
var f = function(v){
 return v;
};

如果不需要参数或有多个参数，要使用圆括号

var f = () => 5;
var sum = (num1,num2) => num1+num2;

如果函数的代码多于一条，就必须使用大括号将其括起来，并使用retun语句

var sum = (num1, num2) => { return num1 + num2; }

如果函数返回一个对象，那么必须用圆括号将其括起来

let getTempItem = id => ({ id: id, name: "Temp" });

箭头函数可以简化回调函数

如果在小程序中直接使用箭头函数的话会导致 this 丢失。

代码如下：

Page({
 onLoad: () > {
  console.log(this) 
  // 此时的 this 并不指向当前 page
 }
})

那么这种情况下，想要实现很多功能都很不方便了，比如接受参数根据参数拉去信息等。

我的解决方案很简单，使用立即执行函数

代码如下：

Page({
 onLoad: function() {
  let that = this
  ;(async () => {
   console.log(that) 
   // 使用that，that 的作用域依然是 page 对象

   // 欢乐的调用其他的任何操作，还能享用异步同步写法
   await that.login()
   await that.query()
  })();
 }
})

到此这篇关于小程序中的箭头函数的具体使用的文章就介绍到这了,更多相关小程序箭头函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JS异步编程方法的6种方案总结
异步是指进程不需要一直等下去,而是继续执行下面的操作,不用管其他进程的状态,下面这篇文章主要给大家介绍了关于JS异步编程方法的6种方案,需要的朋友可以参考下
2023-01-01
JavaScript设计模式之外观模式实例
这篇文章主要介绍了JavaScript设计模式之外观模式实例,本文用一些代码实例来讲解JavaScript中的外观模式,需要的朋友可以参考下
2014-10-10
uniapp电商小程序实现订单30分钟倒计时
这篇文章主要为大家详细介绍了uniapp电商小程序实现订单30分钟倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
解析JavaScript中的不可见数据类型
这篇文章主要是对JavaScript中的不可见数据类型进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
JavaScript中的子窗口与父窗口的互相调用问题
本文给大家介绍了JavaScript中的子窗口与父窗口的互相调用问题，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2017-02-02
详解设置Webstorm 利用babel将ES6自动转码成ES5
这篇文章主要介绍了详解设置Webstorm 利用babel将ES6自动转码成ES5，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
JavaScript时间戳与时间日期间相互转换
今天做项目遇到这样的问题，要将获取到的时间转换为时间戳，通过查阅相关资料，问题顺利解决，下面小编把具体实现代码分享到脚本之家平台，需要的朋友参考下
2017-12-12
javascript显示倒计时控制按钮的简单实现
下面小编就为大家带来一篇javascript显示倒计时控制按钮的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
微信小程序实现自动播放视频模仿gif动图效果实例
这篇文章主要给大家介绍了关于微信小程序实现自动播放视频模仿gif动图效果的相关资料,通过本文介绍的方法可以实现自动播放视频，视频无控制条无声音且自动循环播放,需要的朋友可以参考下
2021-07-07
前端显示json格式化示例代码
项目开发过程中遇到JSON字符串回显的情况,直接显示的话效果很丑,不方便查看,因此需要在前端页面对JSON进行格式化显示,下面这篇文章主要给大家介绍了关于前端显示json格式化的相关资料,需要的朋友可以参考下
2024-03-03