JavaScript教程:{}对象属性缩写

说明

ES6的新特性

传统写法

let name = '李雷'
let height = 1.82
let age = 20

let student = {
    name : name, // 第一个 name 是属性名,第二个 name 是变量
    height : height, // 第一个 height 是属性名,第二个 height 是变量
    age : age // 同上
}

console.log("student.name:",student.name)
console.log("student.height:",student.height)
console.log("student.age:",student.age)

ES6简写

属性名 与 变量名相同时,可以简化

let name = '李雷'
let height = 1.82
let age = 20

// ES6 的简化写法
let student = {
    name , // 属性名 与 变量名相同时,可以简化,name 是属性名,也是变量
    height , // 属性名 与 变量名相同时,可以简化,height 是属性名,也是变量
    age  // 同上
}

console.log("student.name:",student.name)
console.log("student.height:",student.height)
console.log("student.age:",student.age)

原文出处:/show_1IX3CAR9oVex.html