标签：报错 拷贝 自身 克隆 function log form 返回 现在
语法：Object.assign(target,...source)
说明：Object.assign方法的第一个参数是目标对象，后面的参数都是源对象
一、以对象为参数的合并
1、第一个参数都是对象，后面的参数都是源对象
const target={a:1};
const source1={b:2};
const source2={c:2};
Object.assign(target,source1,source2);
输出：console.log(target);//{a:1,b:2,c:3}
2、 若只有一参数，会直接返回该参数
const obj={a:1};
consolt.log(Object.is(Object.asign(obj),obj));
输出：ture;
3、如果该参数不是对象会先转成对象
console.log(Object.assign(2)); 输出：Number对象，其值为 2 console.log(typeof Object.assign(2)); 输出：object
4、undefined和null无法转成对象，会报错
console.log(Object.assign(undefined));//报错 console.log(Object.assign(null));//报错
二、如果非对象参数出现在源对象的位置上
1、如果undefined和null不在首参数，就不会报错
let obj1={a:1};
console.log(Object.is(Object.assign(obj1,undefined),obj1));
输出：true
console.log(Object.is(Object.assign(obj1,null),obj1));
输出：true
2、其他类型的值不在首参数也不会报错。但是目标对象一般都是对象，所以源对象也应该是对象。
const v1=‘abc‘;
const v2=true;
const v3={‘Symbol‘:0};
const v4=10;
const v5=5;
const v6=7;
const obj2=Object.assign({},v1,v2,v3,v4);
console.log(obj2);
输出：{0:‘a‘,1:‘b‘,2:‘c‘,‘Symbol‘:0};
const obj3=Object.assign({},v4,v5,v6);
输出：{}
const obj3=Object.assgin(v4,v5,v6);
输出：Number对象，没有值
3、Object.assign拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性，也不拷贝不可枚举的属性）
Object.assign({b:‘c‘},Object.defineProperty({},‘invisible‘,{enumerable:false,value:‘hello‘}));
最后的结果没有验证：//{b:‘c‘}
4、同名属性的替换（不管该属性的值是否为对象）
const v1={a:{b:1}};
const v2=Object.assign({a:3,b:4},v1);
console.log(v2.a.b);
输出结果：1
5、数组的处理，把数组视为对象（就像上面有一个案例 v1=‘abc’，变为 0:‘a‘,1:‘b‘,2:‘c‘）
var v5=Object.assign([1,2,3],[4,5]); console.log(v5); 输出：[4,5,3]
6、取值函数的处理，若复制的值是取值函数，那么求值后再复制
const v4={get foo(){return 1}};
const target={};
console.log(Object.assign(target,v4));
输出：{foo:1}
console.log(target.foo);
输出：1
三、常见的用途
1、为对象添加属性
class Point{
constructor(x,y){
Object.assign(this,{x,y});
}
}
扩展内容：class声明创建一个基于原型继承的具有给定名称的新类
class Polygon {
constructor(height, width) {
this.area = height * width;
}
}
console.log(new Polygon(4,3).area);
// expected output: 12
2、为对象添加方法
Object.assign(SomeClass.prototype,{someMethod(arg1,arg2){},anotherMethod(){}});
3、克隆对象
function clone(obj){
return Object.assign({},obj);
}
4、合并多个对象
const merge=(target,...sources)=>Object.assign(target,...sources);
5、为属性指定默认值
const DEFAULTS = {
logLevel: 0,
outputFormat: ‘html‘
};
function processContent(options) {
options = Object.assign({}, DEFAULTS, options);
console.log(options);
// ...
}
标签：报错 拷贝 自身 克隆 function log form 返回 现在
原文地址：https://www.cnblogs.com/zmztya/p/11328333.html
