小程序 >开发 >指南 >小程序框架 >逻辑层 >模块化
设置全局可获取的数据
方式一:
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)
}
})
},
})