ES6 新增的对象字面量语法
成员速写
如果对象字面量初始化时,成员的名称来自于一个变量,并且和变量名称相同,则可以进行简写。
function demo (a, b, c) {
return {
a = a,
b = b,
c = c
}
}//当我们需要返回一个对象又恰好相同时
function demo (a, b, c) {
return {
a,
b,
c
}
}
//则可以进行简写
//方法和属性是一样的也可以进行速写
他只是给你提供了一个语法糖,只是为了让你用得舒服一些,本质并没有改变。
方法速写
在对象字面量初始化的时候,方法可以省略冒号:
和function
关键字。
const obj = {
name : 123,
age : 456,
say :function () {
console.log(this.name, this.age);
}
}
//可以简化为
const obj = {
name : 123,
age : 456,
say () {
console.log(this.name, this.age);
}
}
也是给你提供了一个语法糖,只是为了让你用得舒服一些,本质并没有改变。
计算属性名
有时候初始化对象时,某个属性名可能来自于某个表达式的值,在ES6中,可以使用中括号[]
来表示该属性名是通过计算得到的。
//当我们要将一个变量的值用作属性的属性名时我们一般这么做
const prop1 = 'name';
const prop2 = 'age';
const prop3 = 'say';
const user = {
}
user[prop1] = 'name'
//而ES6中提供了一个新的语法糖
const user = {
[prop1] : '123',
[prop2] : '456',
[prop2] () { }
}
//之后我们就可以进行这样的简写了
这其实是一个非常实用的方法
以上就是 ES6 新增的对象字面量语法 的全部内容了,希望对你有用。