您好,登錄后才能下訂單哦!
這篇文章主要介紹了微信小程序中變量和作用域的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
一,全局變量
在app.js里的變量和方法是全局的。
//app.js App({ onLaunch: function () { // 展示本地存儲能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登錄 wx.login({ success: res => { // 發(fā)送 res.code 到后臺換取 openId, sessionKey, unionId } }) // 獲取用戶信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已經(jīng)授權(quán),可以直接調(diào)用 getUserInfo 獲取頭像昵稱,不會彈框 wx.getUserInfo({ success: res => { // 可以將 res 發(fā)送給后臺解碼出 unionId this.globalData.userInfo = res.userInfo // 由于 getUserInfo 是網(wǎng)絡(luò)請求,可能會在 Page.onLoad 之后才返回 // 所以此處加入 callback 以防止這種情況 if (this.userInfoReadyCallback) { this.userInfoReadyCallback(res) } } }) } } }) }, globalData: { userInfo: null, basePath: 'http://127.0.0.1:8086' } })
在其他頁面上,可以通過getApp()獲取到里面的方法和變量,console出來后:
如果要拿到我們提前設(shè)定的basePath,我們可以這樣:
var app=getApp(); var basePath = app.globalData.basePath;
獲取用戶的登錄信息或者其他方法亦是如此;
二,局部頁面內(nèi)的數(shù)據(jù)交互
局部頁面上的所有數(shù)據(jù),都源于js內(nèi)的data對象:
在頁面上,可直接使用data內(nèi)的數(shù)據(jù);
賦值:
areaChange:function(e){ //這里獲取到了數(shù)組角標(biāo) console.log(e.detail.value) var index1 = e.detail.value this.setData({ index: index1 }) // console.log("地區(qū):" + this.data.areaListArray[index1]) console.log(this.data.areaList[index1]) console.log(this.data.areaIdList[index1]) }
在方法內(nèi),可以直接使用this.setData()定義變量并賦值,只有這樣定義的變量能在整個頁面內(nèi)使用。
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,然后再使用的。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“微信小程序中變量和作用域的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。