微信小程序之 var和let区别

let

用let的方式声明的变量，为局部变量，该变量只会在最靠近{ }内的范围有效，出了{}之后，该变量就不能够再用了，否则会报该变量未定义的错误。也就是说，该变量的作用域为所在的代码块内。

//index.js
//获取应用实例
const app = getApp()Page({data: {},onLoad: function () {console.log('App onLoad');// 用let的方式声明的i只在for循环内有效，在for循环外引用就会报错i未定义的错误for (let i = 0; i < 10; i++) {console.log('for循环里面的i的值为'+i);}console.log(i);},
})

截图如下

var

用var的方式声明的变量，为全局变量，其作用域为所在的函数内。所以重点来了，在当前JS文件的其余函数中，如果直接拿来用，也会报变量未定义的错误。详情请看下面的var的错误使用方式。

Page({data: {name: '新增参保人',// name的默认值},addPerson: function (event) {// this.data.name = '保存'this.setData({name: '保存'})},onLoad() {console.log('App onLoad');// 用var的方式声明的i在onLoad函数内都有效，在其余函数中是没有效果的哦。for (var i = 0; i < 10; i++) {console.log('for循环里面的i的值为' + i);}console.log('onLoad函数中i的值' + i);},
})

截图如下

var的错误使用方式

在index.js文件的addPerson:函数中，打印在onLoad函数中声明的var变量i，就会报报变量i未定义的错误。

Page({data: {name: '新增参保人',// name的默认值},addPerson: function (event) {// this.data.name = '保存'this.setData({name: '保存'})console.log('addPerson函数中i的值'+i);},onLoad() {console.log('App onLoad');for (var i = 0; i < 10; i++) {console.log('for循环里面的i的值为' + i);}console.log('onLoad函数中i的值' + i);},
})

截图如下

当然，如果你想用var声明的i在addPerson类中也可以使用的话，那么你可以用this.data.i = i;将i存储在index.js整个文件中

Page({data: {name: '新增参保人',// name的默认值},addPerson: function (event) {// this.data.name = '保存'this.setData({name: '保存'})console.log('addPerson函数中i的值'+this.data.i);},onLoad() {console.log('App onLoad');for (var i = 0; i < 10; i++) {console.log('for循环里面的i的值为' + i);}console.log('onLoad函数中i的值' + i);this.data.i = i;},
})

截图如下

作者：CoderZb
链接：https://www.jianshu.com/p/e62d4ee72a61
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

微信小程序之 var和let区别相关推荐

[vue] vue和微信小程序写法上有什么区别？
[vue] vue和微信小程序写法上有什么区别?写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期先贴两张图: vue生命周期小程序生命周期相比之下 ...
服务器和微信公众号的区别,微信小程序和公众号的区别，看这三点就懂了
原标题:微信小程序和公众号的区别,看这三点就懂了第一点就是定位不同,小程序主要用来面向产品和服务,而公众号则是用于销售和传递信息.小程序在功能上和公众号有本质的区别(不支持关注,没有粉丝体系.消息推 ...
公众号商城开发和微信小程序商城开发有什么区别？
小程序和公众号商城都属于微商城,但是有很多朋友也不知道这两者之间有什么区别.对于选择做公众号商城还是小程序商城时,出现了选择困难症.既然微信小程序商城和微信公众号商城都是微信内的产品aigao0607 ...
微信小程序与web前端的区别
1 引言刚接触小程序,会有很多错误的思路去编写,为了避免在代码方面出错,本文将对前端和小程序做一个区分. 2 问题描述微信小程序与web前端的区别. 3 算法描述在web的html中我们一般都是 ...
微信小程序和普通页面得区别
小程序简介小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序技术发展史小程序并非凭空冒出来的一个概念.当微信中的 WebView 逐渐成为 ...
微信小程序与手机APP的区别
最近在研究论文选题,到底是做手机APP好还是尝试一下很火热的微信小程序呢?我收集整理了一些网上资料做参考.也在这里做个记录. 是什么? 微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实 ...
微信小程序与公众号的区别与联系
微信公众号与小程序都是隶属于微信公众平台的子平台,微信公众号的开发有自己的规则,在微信小程序中,小程序上线需要通过腾讯的审核,增加了非常多的规则和限制.随着小程序与公众号的逐渐扩大互通,很多人就对小程 ...
微信小程序navigateTo /redirectTo/navigateBack 三者区别
navigateTo 不会将旧页面出栈: redirectTo 会将旧页面出栈,再将需要跳转到的页面入栈: navigateBack 则是将页面栈最后一个元素出栈,因此倒数第二个元素会成为最后一个元素 ...
关于微信小程序unionID、OpenID的区别，以及如何获取
看图问: 1:小程序里面为什么要使用OpenID,有什么意义? 2:小程序既然有了OpenID,为何还要unionID? 答:请参考以下做法,如有不对地方请指出 1:微信小程序为什么会有OpenID ...

微信小程序之 var和let区别

let

var

微信小程序之 var和let区别相关推荐

最新文章

热门文章