1. 程式人生 > >微信小程式一 全域性變數/js使用詳解

微信小程式一 全域性變數/js使用詳解

  1. 為增加程式程式碼的複用性以及結構完整,取值方便,我們往往會採用全域性變數/方法來,實現取值操作等。

  2. 在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