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


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 网页跳转的方法
Dec 24 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 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 session 错误
2009/05/21 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
使用Python的Scrapy框架十分钟爬取美女图
2016/12/26 Python
python 定义给定初值或长度的list方法
2018/06/23 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
python实现滑雪游戏
2020/02/22 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
小学教师自我鉴定
2013/11/07 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
高中美术教学反思
2014/01/19 职场文书
食堂个人先进事迹
2014/01/22 职场文书
出纳员的岗位职责
2014/02/22 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
刑事法律意见书
2015/06/04 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python
PHP获取学生成绩的方法
2021/11/17 PHP