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

更新时间：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()
  })();
 }
})

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

您可能感兴趣的文章:

编写高性能JavaScript(译)
本文主要关注V8的性能优化，部分内容并不适用于所有JS引擎。最后，转载请注明出处
2014-08-08
Javascript之深入浅出prototype
本文将深入浅出的对Javascript中的prototype进行详细介绍。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
JavaScript制作弹出层效果
弹出层效果大家在网站上经常遇到此功能，下面小编给大家分享一段js代码制作弹出层效果，代码简单易懂，非常不错，需要的朋友参考下吧
2016-12-12
国外JavaScript经典封装集合整理
国外JavaScript经典封装集合整理...
2007-05-05
JavaScript find()方法及返回数据实例
这篇文章主要介绍了JavaScript中的find()方法和返回数据的内存指向,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-04-04
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
这篇文章主要给大家介绍了关于微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08
javascript适配器模式和组合模式原理与实现方法详解
这篇文章主要介绍了javascript适配器模式和组合模式原理与实现方法,结合实例形式详细分析了javascript适配器模式与组合模式相关原理、功能、实现方法与注意事项,需要的朋友可以参考下
2023-07-07
js实现淘宝首页的banner栏效果
这篇文章主要为大家详细介绍了js实现淘宝首页的banner栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
必备的JS调试技巧汇总
试想一下：出现了某个bug，有人用几分钟就搞定了，有人用了半天或者一天都找不到原因所在。你愿意当前者还是后者呢？想当前者的就请好好看完本篇文章吧。文中涉及较多Gif演示动画请注意。
2016-07-07
微信小程序入门之指南针
这篇文章主要为大家详细介绍了微信小程序入门之指南针，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10