微信小程序一 全局变量/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

猜你喜欢

转载自blog.csdn.net/cxwtsh123/article/details/80455567
今日推荐