怎么在微信小程序中调用全局变量globalData

在微信小程序开发中，globalData 是一个非常有用的全局变量对象，可以在整个小程序的不同页面和组件之间共享数据。通过使用 globalData，开发者可以避免频繁地在页面之间传递数据，从而提高代码的可维护性和开发效率。

1. 定义全局变量

首先，在小程序的 app.js 文件中定义 globalData。globalData 是一个普通的 JavaScript 对象，你可以在其中存储任何需要全局共享的数据。

// app.js
App({
  globalData: {
    userInfo: null,
    token: '',
    theme: 'light'
  }
});

在这个例子中，我们定义了一个 globalData 对象，其中包含了 userInfo、token 和 theme 三个属性。

2. 在页面中获取和设置全局变量

要在页面或组件中访问或修改 globalData，首先需要获取到小程序的实例。可以通过 getApp() 方法来获取小程序的实例，然后通过实例访问 globalData。

// pages/index/index.js
const app = getApp();

Page({
  onLoad() {
    // 获取全局变量
    const userInfo = app.globalData.userInfo;
    console.log('User Info:', userInfo);

    // 修改全局变量
    app.globalData.theme = 'dark';
  }
});

在这个例子中，我们在 index 页面的 onLoad 生命周期函数中获取了 globalData 中的 userInfo，并将 theme 修改为 dark。

3. 在组件中获取和设置全局变量

在自定义组件中，同样可以通过 getApp() 方法来访问 globalData。

// components/my-component/my-component.js
const app = getApp();

Component({
  lifetimes: {
    attached() {
      // 获取全局变量
      const token = app.globalData.token;
      console.log('Token:', token);

      // 修改全局变量
      app.globalData.token = 'new-token';
    }
  }
});

在这个例子中，我们在自定义组件的 attached 生命周期函数中获取了 globalData 中的 token，并将其修改为 new-token。

4. 注意事项

• globalData 是一个全局共享的对象，因此在修改它时需要注意数据的一致性和线程安全问题。
• 由于 globalData 是全局的，建议只存储那些真正需要全局共享的数据，避免滥用。

通过以上步骤，你可以在微信小程序中轻松地使用 globalData 来管理和共享全局数据。