es6对象增加新的属性怎么使用

varperson={
name:"Jack",
getName(){
console.log(this.name);
},
};

person.getName.name//"getName"

上面代码中，getName() 方法的 name 属性返回函数名（即方法名）

(newFunction()).name//"anonymous"

vardoSomething=function(){
//todo
};
doSomething.bind().name//"bounddoSomething"

如果对象的方法是一个 Symbol 值，那么 name 属性返回的是带中括号的 Symbol 的描述内容。

constkey1=Symbol('descriptioncontent');
constkey2=Symbol();
letobj={
[key1](){},
[key2](){},
};
obj[key1].name//"[descriptioncontent]"
obj[key2].name//""

varname='imooc';

//ES5
varobj1={
name:name,
}
//ES6
varobj2={
name,
}

上面代码中的 obj1 和 obj2 是一样的意思。变量 name 可以直接写在大括号中。这时，属性名就是变量名，属性值就是变量值。

//ES5
functiongetObj(x,y){
return{x:x,y:y};
}
//等同于ES6
functiongetObj(x,y){
return{x,y};
}

getObj(1,2)//{x:1,y:2}

上面中的代码可以看出，在我们平常开发中，组装数据时是非常方便、有用的。

constname='张三'
//ES5
varperson={
name:name,
getName:function(){
console.log('imooc')
}
};

//ES6
varperson={
name,
getName(){
console.log(this.name)
}
};
console.log(person)	//{name:"imooc",getName:}

上面的代码中，ES5 中定义一个对象上的方法时需要使用 function 关键字来定义，而 ES6 则直接省略了 冒号和 function 关键字。可以看出使用 ES6 这种简洁的方式更具表达力。

varperson={};

functiongetName(){
returnperson.name
}

functionsetName(){
person.name='李四'
}

functionclear(){
person={};
}

//ES5写法
module.exports={
getName:getName
setName:setName,
clear:clear
};
//ES6写法
module.exports={getName,setName,clear};

上面的代码中，我们定义了一个 person 对象，并向外暴露了若干方法用来操作 person 对象，在导出的时候可以看出，ES6 不需要重复地去写变量名，从而更简洁地表达了模块所提供的方法。

//方法一
obj.name='imooc';

//方法二
obj['a'+'ge']=7;

上面的代码中，方法一直接使用标识符进行赋值操作，这是我们比较常用的赋值操作，但是如果属性是一个表达式时，则可以使用方法二，把表达式写在中括号中。

varobj={
name:'imooc',
age:7
}

ES6 对对象的属性进行了扩展，可以覆盖更多的场景，属性可以使用变量的形式来定义，如下：

varkey='name';
varobj={
[key]:'imooc',
['a'+'ge']:7
}

上面的代码中字面量对象中的属性是可以放在中括号中，中括号中的可以是变量，也可以是表达式。这无疑是扩展了属性的功能，使编程更加灵活。

varstr='firstname';
varobj={
['Iloveimooc']:'ES6Wiki',
[str]:'Jack'
}
console.log(obj['Iloveimooc'])	//ES6Wiki
console.log(obj[str])	//Jack
console.log(obj['firstname'])	//Jack

表达式还可以用于定义对象上的方法名。

varperson={
name:'Jack',
['get'+'Name'](){
console.log(this.name)
}
};
console.log(person.getName())	//Jack

注意 1： 属性名表达式与属性简洁表示，不能同时使用，会报错。

//报错
varname='Jack';
varage=18;
varperson={[name]};
//UncaughtSyntaxError:Unexpectedtoken'}'

上面的代码会有语法错误

varkey1={name:'imooc'};
varkey2={age:7};
varobj={
[key1]:'valuecontent1',
[key2]:'valuecontent2',
}
console.log(obj)	//{[objectObject]:"valuecontent2"}

上面代码中定义了两个变量都是对象类型的，在调用 toString() 时会变为 [object Object] 属性相同。所以，后面的属性把前面的覆盖了。

varkeys=['imooc','7'];
varobj={
[keys]:'valuecontent',
}
console.log(key.toString())	//"imooc,7"
console.log(obj)		//{imooc,7:"valuecontent"}
console.log(obj[keys])	//"valuecontent"

上面的代码中可以看出来，数组 keys 在 toString() 得到了 imooc,7 作为 obj 的属性。另外，我们也可以直接使用 keys 获取 obj 对象上的值。