ES6 对象简写

es6对象简写

在es6中，假如 对象里的属性和属性值一样，可以简写，省略属性值；包括对象里的方法定义，也可以省略function；

 我们看个实例：

let username='java1234';
let pwd='123456';
let obj={
    username:username,
    pwd:pwd
}
console.log(obj.username,obj.pwd);

这个是以前的写法；

 

es6中，对象里的属性和属性值一样的话，可以简写下：

 

let username='java1234';
let pwd='123456';
let obj={
    username,
    pwd
}
console.log(obj.username,obj.pwd);

我们在对象里再加一个方法；

let username='java1234';
let pwd='123456';
let obj={
    username,
    pwd,
    getUserName:function(){
        return this.username;
    }
}
console.log(obj.username,obj.pwd);
console.log(obj.getUserName())

这个是以前的写法；

 

在es6规范里，冒号和function可以省略掉，如下：

let username='java1234';
let pwd='123456';
let obj={
    username,
    pwd,
    getUserName(){
        return this.username;
    }
}
console.log(obj.username,obj.pwd);
console.log(obj.getUserName())