微信小程序分包后怎么在分包中获取全局变量

### 微信小程序分包中获取全局变量的方法 在微信小程序的分包结构中，获取全局变量的过程与主包类似。全局变量通常存储在 `app.js` 文件中的 `globalData` 对象内[^3]。无论是在主包还是分包中，都可以通过调用 `getApp()` 方法来访问全局变量。 #### 获取全局变量的步骤 在分包页面中，可以通过以下方式获取全局变量： ```javascript // 在分包页面中引入 app 实例 const app = getApp(); Page({ data: { urlList: [] }, onLoad: function () { // 获取全局变量 const urlList = app.globalData.urlList; this.setData({ urlList: urlList }); } }); ``` 上述代码展示了如何在分包页面中通过 `getApp()` 获取全局变量 `urlList` 并将其赋值到页面的数据中[^1]。 #### 注意事项 1. **确保全局变量已初始化** 全局变量必须在 `app.js` 中正确初始化，否则可能会导致 `undefined` 错误。例如： ```javascript App({ globalData: { urlList: [] // 初始化全局变量 } }); ``` 2. **兼容性问题** 如果需要兼容旧版本客户端，微信后台会编译两份代码包：一份是分包后的代码，另一份是整包的兼容代码。因此，在实际开发中无需担心分包对全局变量访问的影响[^2]。 3. **修改全局变量** 在分包页面中修改全局变量时，同样需要通过 `getApp()` 获取实例后进行操作。例如： ```javascript const app = getApp(); app.globalData.urlList.push("new_url"); ``` #### 示例代码 以下是一个完整的示例，展示如何在分包页面中获取并修改全局变量： ```javascript // app.js App({ globalData: { hasLogin: false, openid: null, urlList: ["https://example.com"] } }); // 分包页面 pageA.js const app = getApp(); Page({ data: { urlList: [] }, onLoad: function () { // 获取全局变量 const urlList = app.globalData.urlList; this.setData({ urlList: urlList }); }, addUrl: function () { // 修改全局变量 app.globalData.urlList.push("https://new-example.com"); this.setData({ urlList: app.globalData.urlList }); } }); ``` ###