微信小程式一 全域性變數/js使用詳解
阿新 • • 發佈:2019-01-25
為增加程式程式碼的複用性以及結構完整,取值方便,我們往往會採用全域性變數/方法來,實現取值操作等。
在app.js中定義全域性變數,並在其他js中進行取值後操作
a. 將定義的變數和方法寫在globalData中
App({
globalData: {
host: 'https://www.233player.com',
test: function () {
console.log(1);
},
},
})
b. 在index.js中取出
// 全域性定義
var app = getApp();
var baseUrl = app.globalData.host;
載入後執行方法
onLoad: function (options) {
this.getMenuList();
app.globalData.test();
},
3.在js之間的引用與呼叫
a. index.js
var api = require('../../../utils/api.js');
呼叫後臺資料
getMenuList: function () {
wx.request({
url: baseUrl+api.menuTypes, //僅為示例,並非真實的介面地址
data: {},
header: {
'content-type' : 'application/json' // 預設值
},
success: function (res) {
console.log(res.data)
}
})
}
b. api.js
//介面api
module.exports = {
menuTypes: '/app/api/machine/querytype',//拉取娃娃機分類資訊
}
在js的方法引用中,需要對呼叫對方法進行暴露,使用module.exports