ES6 的箭头函数,让 let that = this 去死吧

更新日期: 2019-07-30 阅读次数: 7797 字数: 277 分类: Javascript

调试小程序的时候,发现清空本地全部数据缓存之后,报错

thirdScriptError
this.login is not a function;at App onShow function;at api refreshSession fail callback function
TypeError: this.login is not a function
    at Function.fail (http://127.0.0.1:9973/appservice/app.js:31:14)
    at Object.fail (

第一眼愣是没发现问题,仔细一看 at api refreshSession fail callback function 我就明白了

    // 检测微信登录态是否失效
    wx.checkSession({
      success: function () {
        console.log("Good session!");

      },
      fail: function () {
        console.log("Bad session!");
        // 登录态过期
        this.login()
      }
    })

回调函数里使用了 this 。。。

这是每个写 js 人的痛,也是我之前一直讨厌用 js 的重要原因之一。因为很容易就忽视了 this 的使用。

但是自从接触 weex,用了一段时间 ES6 之后,发现箭头函数真是完美解决 that/this 地狱问题。

    fail: () => {
        console.log("Bad session!");
        // 登录态过期
        this.login()
      }

箭头函数的参数

没有参数

callback_func_name: () => {
	// do something
}

一个参数 (括号可加,可不加)

callback_func_name: var1 => {
	// do something
}

多个参数

callback_func_name: (var1, var2) => {
	// do something
}

ES6 箭头函数的原理

爱评论不评论

近期节日

2019年09月20日 国际爱牙日
2019年09月21日 国际和平日
2019年09月22日 世界无车日
2019年09月23日 秋分
2019年09月23日 国际聋人节
2019年09月27日 世界旅游日
2019年10月01日 国庆节
2019年10月04日 世界动物日
2019年10月07日 重阳节
2019年10月08日 寒露
2019年10月09日 世界邮政日
2019年10月10日 辛亥革命纪念日
查看更多节日