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

31次阅读

共计 682 个字符,预计需要花费 2 分钟才能阅读完成。

小程序的一个很少人知道的全局对象引用
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) => {

});

正文完
 0