时间:2021-05-18
这个是ES6的箭头函数,res =>可以理解为function(res)
箭头函数的最大好处就是省略了var that=this 从而将this改为静态。
var 函数名 = 参数名 => 返回值;
var f = v => v;//等同于var f = function(v){ return v;};如果不需要参数或有多个参数,要使用圆括号
如果函数的代码多于一条,就必须使用大括号将其括起来,并使用retun语句
如果函数返回一个对象,那么必须用圆括号将其括起来
箭头函数可以简化回调函数
如果在小程序中直接使用箭头函数的话会导致 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() })(); }})到此这篇关于小程序中的箭头函数的具体使用的文章就介绍到这了,更多相关小程序箭头函数内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天在写vue项目时,用到了computed计算属性,遇到了使用箭头函数出现this指向问题,这里记录下1.箭头函数中的this箭头函数内部的this是词法作用
本文实例讲述了ES6中的箭头函数。分享给大家供大家参考,具体如下:语法我们先来看看箭头函数的语法:([param][,param])=>{statements}
简要介绍:箭头函数中的this,指向与一般function定义的函数不同,箭头函数this的定义:箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的
本文实例为大家分享了小程序生成带参小程序码的具体步骤,供大家参考,具体内容如下生成带参小程序码流程1、小程序端上传生成二维码所需的参数到云函数2、云函数使用ap
本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考,具体如下:在小程序中,定义了一项工具文件utils,此文件的js旨在本文件