转载:http://www.cnblogs.com/zhaowenxin/p/6160676.html
对象的扩展
1.ES6中,对象的属性和方法可简写:对象的属性值可不写,前提是属性名已经声明;
1 var name = "zhangsan"; 2 var password = "1111111"; 3 var obj = { 4 name, 5 password, 6 arr:[1,2,3,4], 7 sayName(){ 8 console.log(this.name); 9 } 10 }; 11 console.log(obj); 12 var obj1 = { 13 age:20, 14 };
2.Object.assign()方法
特点:浅拷贝、对象属性的合并
1 var nObj = Object.assign({},obj,obj1);//花括号叫目标对象,后面的obj、obj1是源对象。对象合并是指:将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的 2 // console.log(nObj); 3 // obj.sayName();//zhangsan 4 // nObj.sayName();//zhangsan 5 nObj.name = "lisi"; 6 nObj.sayName = function(){ 7 console.log(this.name); 8 }; 9 console.log(nObj); 10 obj.sayName();//zhangsan 11 nObj.sayName();//lisi 12 nObj.arr[0] = 10; 13 console.log(obj);//[10,2,3,4] 14 console.log(nObj); //[10,2,3,4] 15 //说明是浅拷贝,若要深拷贝,请考虑以前的方法(只是将源对象的引用给目标对象) 16 //【注意】:当Object.assign()方法用于数组时: 17 var arr11 = Object.assign([1,2,3],[4,5]); 18 console.log(arr11);//[4,5,3] 19 //[说明]:对象是根据属性名来对应,数组是根据索引号来对应,相当于 20 var arr23 = { 21 0:1, 22 1:2, 23 2:3 24 };//相同的属性名有0、1,后面的覆盖前面的.
Object.assign()方法的用法
- 合并多个对象
- 克隆对象(浅);
- 为对象添加多个方法
Object.assign(SomeClass.prototype, {
someMethod(arg1, arg2) {
},
anotherMethod() {
}
});?
// 原来的方法
SomeClass.prototype.someMethod = function (arg1, arg2) {?
};
SomeClass.prototype.anotherMethod = function () {
};
时间: 2024-12-28 23:51:56