- Welcome to Journal web site.
- 开发无止境 -
Data: 2016-04-22 03:17:03Form: JournalClick: 7
App({
data : '全局变量'
})
var global = getApp();
console.log(global.data);
var global = getApp();
global.data = '改变全局变量';
var 和 let，在当前文件的任何位置都可以使用、更改var name = '欧阳克';
let age = 18;
Page({
onLoad(){
console.log(name);
console.log(age);
name = '朱老师';
age = 38;
},
onShow(){
console.log(name);
console.log(age);
}
})
Page({
onLoad(){
// 变量只能在onLoad方法中使用
var name = '朱老师';
let age = 38;
},
onShow(){
// 这里会报错，找不到变量
console.log(name);
console.log(age);
}
})
data 数据dataPage({
data: {
name: '欧阳克',
age: 18
},
onLoad(){
console.log(this.data.name);
console.log(this.data.age);
}
})
dataPage({
data: {
name: '欧阳克',
age: 18
},
onLoad(){
this.data.name = '朱老师';
this.data.age = 38;
console.log(this.data.name);
console.log(this.data.age);
}
})
<view>姓名：{{name}}</view>
<view>年龄：{{age}}</view>
data编号|字段|类型|必填|描述 ---|---|---|---|---|--- 1|data|Object|是|这次要改变的数据 2|callback|Function|否|setData引起的界面更新渲染完毕后的回调函数
Page({
data: {
name: '欧阳克',
age: 18
},
onLoad(){
this.setData({
name : '朱老师',
age : 38
},function(){
console.log('修改成功');
})
},
dynamic(){
this.setData({
name: e.target.dataset.name,
age: e.target.dataset.age
}, function () {
console.log('修改成功');
})
}
})
<view>姓名：{{name}}</view>
<view>年龄：{{age}}</view>
<button bindtap="dynamic" data-name="西门大官人" data-age="28">动态改变数据</button>
Page({
data: {
array: {
name: '欧阳克',
age: 18
},
object: [
{
name: '朱老师',
age: 38
},
{
name: '西门大官人',
age: 28
}
]
},
dynamic_array(e){
this.data.array.name = '朱老师'
this.setData({
array : this.data.array
})
},
dynamic_object(e){
this.data.object[0].name = '欧阳克'
this.setData({
object: this.data.object
})
}
})
<view>姓名：{{array.name}}</view>
<view>年龄：{{array.age}}</view>
<button bindtap="dynamic_array">动态改变数组数据</button>
<view wx:for="{{object}}">
<view>姓名：{{item.name}}</view>
<view>年龄：{{item.age}}</view>
</view>
<button bindtap="dynamic_object">动态改变对象数据</button>
API 有独立的作用域Page({
data: {
name : '欧阳克'
},
onLoad(){
wx.getSystemInfo({
success(res) {
// 在api里使用 文件this就会报错
console.log(this.data.name);
}
})
},
onShow(){
// 先把文件this存到新变量中
var that = this;
wx.getSystemInfo({
success(res) {
console.log(that.data.name);
}
})
}
})
