小程序全局变量的实现方式

小程序的一个很少人知道的全局对象引用

global对象:

前端开发人员对这个global对象应该不会很陌生,Node环境的时候全局对象就是这个,浏览器的全局对象是window。

这个对象有什么用呢?

小程序开发的时候可能经常会引用一些接口的调用、工具类的模块使用,每次调用都需要require或者import下真的好麻烦,而且很难维护,我们肯定会想能不能在一个统一的地方维护呢,global对象就可以实现。
如下小程序的app.js代码:

const api = require('./utils/api.js');
const ajax= require('./utils/tooAjax.js');
const storage= require('./utils/storage.js');
const util = require('./utils/util.js');
//第一种
global.navH = 64;//自定义导航栏高度
global.api = api;//api
global.ajax = ajax;//接口
global.storage = storage;//本地存储
global.util =util;//工具

//第二种
wx.api = api;//api
wx.ajax = ajax;//接口
wx.storage = storage;//本地存储
wx.util = util;//工具

在其他页面就可以调用了哦,比如:

//接口调用1
  global.ajax.wearShowList().then((res) => {

  });

  //接口调用2
  wx.ajax.wearShowList().then((res) => {

  });

相关推荐