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

2024年4月9日 174次阅读 来源: potato1314

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

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) => {

  });
    原文作者：potato1314
    原文地址: https://segmentfault.com/a/1190000017841189
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞