
在微信小程序中,这两种写法在功能上是完全等价的,都会将id变量的值设置到data中的id属性。
详细解释:
1. this.setData({id})
// es6+ 的对象简写语法 // 等价于 {id: id} this.setData({id})
这是ES6的对象属性简写写法,当属性名和变量名相同时可以这样简写。
2. this.setData({id:id})
// 传统的对象写法
this.setData({id:id})这是标准的对象字面量写法。
实际示例:
Page({
data: {},
onload() {
const id = 123;
// 两种写法效果完全相同
this.setData({id}); // ES6简写
this.setData({id: id}); // 传统写法
// 最终都会得到:data: {id: 123}
}
})区别总结:
使用建议:
简洁场景:变量名和data属性名一致时,推荐使用
{id}(更简洁)清晰场景:如果想让代码更易读,或者团队习惯,可以使用
{id:id}不同名场景:当变量名和属性名不同时,必须使用完整写法:
const userId = 123;
this.setData({id: userId}); // 必须完整写法在性能、功能、效果上两者没有任何区别,选择哪种主要取决于个人或团队的编码风格偏好。








网友评论文明上网理性发言 已有0人参与
发表评论: