微信小程序 全局变量

小程序 >开发 >指南 >小程序框架 >逻辑层 >模块化

设置全局可获取的数据
方式一:
	1、在app.js文件中:
		App({
			 键值对
		})
		
	2、在其他页面的js中调用:
		var app=new getApp();
		app.属性名调用
		
		独立分包中:在App未定义时返回一个默认实现,当主包加载App被注册时,默认实现中定义的属性会被覆盖合并到真正的App中。
			分包:
				const app = getApp({allowDefault: true}) 
				app.data = 456
				app.global = {}
				
			app.js:
				App({
				  data: 123,
				  other: 'hello'
				})
				
				console.log(getApp()) // {global: {}, data: 456, other: 'hello'}
					
		
方式二:
	如果一个页面被多次创建,并不会使得这个页面所在的JS文件被执行多次,而仅仅是根据初始数据多生成了一个页面实例(this),在页面JS文件中直接定义的变量,在所有这个页面的实例间是共享的。
	即:
	若从页面A使用wx.navigateTo跳转到页面B,再使用wx.navigateTo跳转到页面A,此时页面栈中有三个页面:A、B、A。
	这时两个A页面的实例将共享它的JS文件中Page构造器以外直接定义的变量。

代码示例:
app.js文件:

App({
  globalUrl:{
    "douban": "https://api.douban.com",
    "apikey": '?apikey=0b2bdeda43b5688921839c8ecb20399b'
  }
})

其他页面js文件:

// pages/movie/movie.js
var app=new getApp();

Page({
  data: {

  },
  onLoad: function (options) {

    wx.request({
    //使用全局数据
      url: app.globalUrl.douban+'/v2/movie/in_theaters'+app.globalUrl.apikey,
      method:"GET",
      header: {
        'content-type': 'application/xml' // 默认值
      },
      success(res) {
        console.log(res.data)
      }
    })

  },

})

版权声明:本文为weixin_43294560原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。