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


Posted in Javascript onJune 19, 2020

这个是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 相关文章推荐
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
Aug 06 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
JavaScript对象属性操作实例解析
Feb 04 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 Javascript
在VUE style中使用data中的变量的方法
Jun 19 #Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 #Javascript
原生JS实现微信通讯录
Jun 18 #Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 #Javascript
js实现ajax的用户简单登入功能
Jun 18 #Javascript
JS实现躲避粒子小游戏
Jun 18 #Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 #Javascript
You might like
php一些公用函数的集合
2008/03/27 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
用 JSON 处理缓存
2007/04/27 Javascript
javascript 写类方式之七
2009/07/05 Javascript
jQuery 事件队列调整方法
2009/09/18 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
vue实现在线翻译功能
2019/09/27 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
Python中类的定义、继承及使用对象实例详解
2015/04/30 Python
浅析Python基础-流程控制
2016/03/18 Python
Python中修改字符串的四种方法
2018/11/02 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
详解Python 最短匹配模式
2020/07/29 Python
编写python代码实现简单抽奖器
2020/10/20 Python
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
海洋科学专业求职信
2014/08/10 职场文书
材料物理专业求职信
2014/09/01 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
感谢师恩主题班会
2015/08/17 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python