随手笔记 - 04（Object.assign）

1.Object.assign(obj1,obj2,obj3,…) 方法：浅拷贝、对象属性的合并；属性名相同时后面覆盖前面的

/**
* 对象合并是指：将源对象里面的属性添加到目标对象中去，若两者的属性名有冲突，后面的将会覆盖前面的
* - 参数：
* 	第一个参数：目标对象
* 	其他参数：源对象
*/
var name = "zhangsan";
var password = "1111111";
var obj = {
    name,
    password,
    arr:[1,2,3,4],
    sayName(){
       console.log(this.name);
    }
};
var obj1 = {
    age:20,
};
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，后面的覆盖前面的.

(1).合并多个对象

const obj1 = { name: '张三',age: 20}
const obj2 = { address: '广东深圳', hobby: 'code' }
const obj3 = { workingYears: 5}
const obj = Object.assign(obj1, obj2, obj3)
console.log(obj) //{ name: '张三', age: 20, address: '广东深圳', hobby: 'code', workingYears: 5}

(2).克隆对象（浅拷贝）

const obj = { name: '张三' ,age: 20}
const obj1 = Object.assign({},obj)
console.log(obj1) //{ name: '张三' ,age: 20}

(3).为对象添加多个方法

Object.assign(SomeClass.prototype, {
  someMethod(arg1, arg2) {
  },
  anotherMethod() {
  }
});​
// 原来的方法
SomeClass.prototype.someMethod = function (arg1, arg2) {​
};
SomeClass.prototype.anotherMethod = function () {
};

• 在Object.assign基础上用JSON实现深拷贝

const obj = { name: '张三' ,arr:[0,1,2,3]}
const obj1 = Object.assign({},JSON.parse(JSON.stringify(obj ))
obj1.arr[0] = 5
console.log(obj.arr) //  [0, 1, 2, 3]
console.log(obj1.arr) // [5, 1, 2, 3]