要求5秒后动态增加数据源

代码：

  onReady: function () {console.log("页面渲染完成",this) setTimeout(()=>{console.log("5秒时间到",this) /* 箭头函数中的this是没有对象的需要到外层找,正因为前面指明了this，故settimeout的this就用的是page对象 */this.data.courses.push({id:"2",courseimg:"/assets/imaegs/2.jpg",coursename:"ty",coursevalue:"4000",coursesaying:"日拱一卒，功不唐捐!",isvip:true,})this.setData({courses:this.data.courses})},5000)},

/* 箭头函数中的this是没有对象的需要到外层找,正因为前面指明了this，故settimeout的this就用的是page对象 */

效果：

使用箭头函数：

使用普通函数：

我们发现报错了，因为function函数本身就有this，通过测试发现这里的this拿到的就是函数本身，所以要用到箭头函数来找寻我们需要的this。

微信小程序中箭头函数的使用实例相关推荐

微信小程序中自定义函数的学习使用
新手,最近在给学校搞个党费计算器.需要自己定义函数来实现某个功能. 1.无参函数: 函数都是写在js文件里面的. Page({data:{income1:'0',},cal:function(e){t ...
微信小程序中睡眠函数怎么使用?
setTimeout((function callback() {this.setData({bodySubmitFlag:false}) }).bind(this), 2000);
微信小程序中函数事件的执行顺序
问题描述:做页面跳转的时候,发现从登录页跳转到首页之后马上又跳转回登录页. 分析问题:微信小程序中请求与后续事件不是按照顺序执行的,而是有可能先执行后面的,之后再返回执行success函数.因此把页面 ...
微信小程序中this指向作用域问题this.setData is not a function报错
在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({index1: e.detail.value}) 比如在函数里面修改数据 bindFaChange1: funct ...
微信小程序判断服务器返回值,让微信小程序内置函数返回promise的方法
Promise API const promisic = function (func) { return function (params = {}) { return new Promise((r ...
微信小程序中实现瀑布流布局和无限加载
瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...
php地址选择插件,微信小程序中关于三级联动地址选择器的实例分享
本文介绍了微信小程序三级联动地址选择器的实例代码,分享给大家,有需要的可以一起了解一下在一些电商类的小程序中,地址选择这个功能一般是必备的,一般的收货信息都需要有一个能选择省市县的控件,当然也有些人 ...
微信小程序之回调函数
微信小程序之回调函数 1.首先什么是回调函数? 在经历一系列研究之后,我总结了一下,就是A函数作为B函数的参数,B函数执行完之后将返回的结果作为A函数的参数,再执行A函数.听起来很难懂,那就举个栗子吧 ...
关于微信小程序中时间预约的简单实现
关于微信小程序中时间预约的简单实现 1. js中定义获取日期函数.日期点击事件 2. 在data中定义数组等变量 3. onLoad调用函数并保存回data 4. wxml展示 5. 页面监控函数on ...

微信小程序中箭头函数的使用实例

要求5秒后动态增加数据源

代码：

/* 箭头函数中的this是没有对象的需要到外层找,正因为前面指明了this，故settimeout的this就用的是page对象 */

效果：

使用箭头函数：

使用普通函数：

我们发现报错了，因为function函数本身就有this，通过测试发现这里的this拿到的就是函数本身，所以要用到箭头函数来找寻我们需要的this。

微信小程序中箭头函数的使用实例相关推荐

最新文章

热门文章