Object.assign()方法
2016-12-11 21:39
260 查看
对象的扩展
1.ES6中,对象的属性和方法可简写:对象的属性值可不写,前提是属性名已经声明;
var name = "zhangsan"; var password = "1111111"; var obj = { name, password, arr:[1,2,3,4], sayName(){ console.log(this.name); } }; console.log(obj); var obj1 = { age:20, };
2.Object.assign()方法
特点:浅拷贝、对象属性的合并
var nObj = Object.assign({},obj,obj1);//花括号叫目标对象,后面的obj、obj1是源对象。对象合并是指:将源对象里面的属性添加到目标对象中去,若两者的属性名有冲突,后面的将会覆盖前面的 // console.log(nObj); // obj.sayName();//zhangsan // nObj.sayName();//zhangsan nObj.name = "lisi"; nObj.sayName = function(){ console.log(this.name); }; console.log(nObj); obj.sayName();//zhangsan nObj.sayName();//lisi nObj.arr[0] = 10; console.log(obj);//[10,2,3,4] console.log(nObj); //[10,2,3,4] //说明是浅拷贝,若要深拷贝,请考虑以前的方法(只是将源对象的引用给目标对象) //【注意】:当Object.assign()方法用于数组时: var arr11 = Object.assign([1,2,3],[4,5]); console.log(arr11);//[4,5,3] //[说明]:对象是根据属性名来对应,数组是根据索引号来对应,相当于 var arr23 = { 0:1, 1:2, 2:3 };//相同的属性名有0、1,后面的覆盖前面的.
Object.assign()方法的用法
-
合并多个对象
-
克隆对象(浅);
-
为对象添加多个方法
Object.assign(SomeClass.prototype, {
someMethod(arg1, arg2) {
},
anotherMethod() {
}
});
// 原来的方法
SomeClass.prototype.someMethod = function (arg1, arg2) {
};
SomeClass.prototype.anotherMethod = function () {
};
-
相关文章推荐
- Object.assign()方法
- es6 javascript对象方法Object.assign()
- Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法
- Object 对象方法学习之(1)—— 使用 Object.assign 复制对象、合并对象
- Object.assign()方法
- JavaScript 复制对象【Object.assign方法无法实现深复制】
- Object的原型拷贝-create、assign、getPrototypeOf 方法的结合
- Object.assign方法的使用
- es6 javascript对象方法Object.assign()
- Object 对象方法学习之(1)—— 使用 Object.assign 复制对象、合并对象
- ES6中新增的Object.assign()方法详解
- es6 javascript对象方法Object.assign()
- Object.assign( )方法
- Object.assign方法的使用和splice方法用法
- Object.assign() 方法详解
- JavaScript 复制对象【Object.assign方法无法实现深复制】
- es6 javascript对象方法Object.assign()
- Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
- object.assign()方法的使用
- Object.assign方法复制或合并对象