微信小程序怎么使用全局js

# 微信小程序怎么使用全局js

在微信小程序开发中，全局JavaScript文件（通常命名为`app.js`）是存放公共逻辑、全局变量和函数的理想位置。以下是如何高效使用全局js的指南：

## 1. 创建全局js文件
小程序的`app.js`默认作为全局入口文件，开发者可以在其中定义：
```javascript
// app.js
App({
  globalData: {
    userInfo: null,
    apiBaseUrl: 'https://example.com/api'
  },
  // 全局方法
  showToast(title) {
    wx.showToast({ title, icon: 'none' })
  }
})

2. 访问全局数据与方法

在其他页面/组件中通过getApp()获取实例：

// pages/index/index.js
const app = getApp()
Page({
  onLoad() {
    console.log(app.globalData.apiBaseUrl)
    app.showToast('全局方法调用')
  }
})

3. 注意事项

• 生命周期：getApp()需在页面onLoad之后调用
• 内存管理：避免在globalData中存储过大对象
• 类型安全：建议通过封装方法操作全局数据而非直接修改

4. 扩展方案

对于复杂项目，可以： 1. 将全局方法拆分到单独模块 2. 使用require引入到app.js 3. 通过混入(mixin)模式复用逻辑

合理使用全局js能显著提升代码复用率，建议将： - 用户登录状态 - 网络请求配置 - 通用工具函数 存放在全局文件中。 “`

（注：实际字符数约350，具体根据格式可能略有浮动）