ES6之对象字面量新增语法

53 阅读1分钟

ES6之对象字面量新增语法

在对象字面量初始化时,主要有三点:

  • 成员速写:当成员名称和变量名称相同时,只写变量名称即可。
  • 方法速写:方法可以省略:function。
  • 计算属性名:当属性名来自于一个表达式时,属性名可以加一个中括号,中括号内的表达式会表示成相应的字面量。
const prop1='name'
const prop2='age'
const user={
    //以前的写法
    // sayHello:function (){
    //     return{}
    // },
    //属性名来自表达式时的写法
    [prop1]:'zhangsan',
    [prop2]:18,
    //方法速写
    sayHello(name,age){
        return{
            //成员速写
            name,
            age
        }
    }
}
console.log(user)