您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

微信小程序之变量和作用域的详细解析

2025/3/10 8:45:10发布25次查看
本篇文章给大家带来的内容是关于微信小程序之变量和作用域的详细解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
一,全局变量
在app.js里的变量和方法是全局的。
//app.jsapp({ onlaunch: function () { // 展示本地存储能力 var logs = wx.getstoragesync('logs') || [] logs.unshift(date.now()) wx.setstoragesync('logs', logs) // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openid, sessionkey, unionid } }) // 获取用户信息 wx.getsetting({ success: res => { if (res.authsetting['scope.userinfo']) { // 已经授权,可以直接调用 getuserinfo 获取头像昵称,不会弹框 wx.getuserinfo({ success: res => { // 可以将 res 发送给后台解码出 unionid this.globaldata.userinfo = res.userinfo // 由于 getuserinfo 是网络请求,可能会在 page.onload 之后才返回 // 所以此处加入 callback 以防止这种情况 if (this.userinforeadycallback) { this.userinforeadycallback(res) } } }) } } }) }, globaldata: { userinfo: null, basepath: 'http://127.0.0.1:8086' } })
在其他页面上,可以通过getapp()获取到里面的方法和变量,console出来后:
如果要拿到我们提前设定的basepath,我们可以这样:
var app=getapp();var basepath = app.globaldata.basepath;
获取用户的登录信息或者其他方法亦是如此;
二,局部页面内的数据交互
局部页面上的所有数据,都源于js内的data对象:
在页面上,可直接使用data内的数据;
赋值:
areachange:function(e){ //这里获取到了数组角标 console.log(e.detail.value) var index1 = e.detail.value this.setdata({ index: index1 }) // console.log("地区:" + this.data.arealistarray[index1]) console.log(this.data.arealist[index1]) console.log(this.data.areaidlist[index1]) }
在方法内,可以直接使用this.setdata()定义变量并赋值,只有这样定义的变量能在整个页面内使用。
onload: function (options) { var that = this; var app=getapp(); console.log(app); var basepath = app.globaldata.basepath; wx.request({ method:"get", url: basepath +'/area/getareabylevel?level=1', success: function (res) { console.log(res); var arealistarray = []; var areapkidarray = []; for(var index in res.data.data){ arealistarray.push(res.data.data[index].area) areapkidarray.push(res.data.data[index].pkid) } that.setdata({ // projectlist : res.data.data.data, // fileurl: res.data.data.filesystem arealist: arealistarray, areaidlist: areapkidarray }) }, fail: function (res) { console.log(res); } }) },
如果有this指向不明的,可先将this赋值给其他变量,再进行使用。
本例中是将this赋值给了that,然后再使用的。
相关推荐:
微信小程序实例:如何引入外部js的文件(图文)
 微信小程序实例:引入框架weui的代码实现
以上就是微信小程序之变量和作用域的详细解析的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product