Object中的assign方法

矫情吗；* 2022-04-25 05:52 196阅读 0赞

[学习阮一峰老师的教程][Link 1]

# Object.assign() #

## 用于对象合并 ##

### 普通合并 ###

**注意**

*  Object.assign()方法的第一个参数是目标对象，其余的参数为原对象，所有的原对象都会合并到目标对象
 *  也就是第一个参数的原内容会被改变
 *  如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
 *

### 后者覆盖前者 ###

### Object.assign()只有一个参数 ###

如果此参数为对象，直接返回该参数。

### Object.assign()只有一个参数 ###

如果该参数不是对象，则会先转成对象，然后返回。

### Object.assign()只有一个参数 ###

由于undefined和null无法转成对象，所以如果它们作为参数，就会报错。

Object.assign(undefined) // 报错
    Object.assign(null) // 报错

### 多个参数 ###

如果非对象参数出现在源对象的位置（即非首参数），那么处理规则有所不同。首先，这些参数都会转成对象，如果无法转成对象，就会跳过。这意味着，如果undefined和null不在首参数，就不会报错。

let obj = { a: 1};
    Object.assign(obj, undefined) === obj // true
    Object.assign(obj, null) === obj // true

其他类型的值（即数值、字符串和布尔值）不在首参数，也不会报错。但是，除了字符串会以数组形式，拷贝入目标对象，其他值都不会产生效果。

const v1 = 'abc';
    const v2 = true;
    const v3 = 10;
    
    const obj = Object.assign({ }, v1, v2, v3);
    console.log(obj); // { "0": "a", "1": "b", "2": "c" }

### 对象合并的时候是浅拷贝 ###

var x={ "101":{ "Score":50,"Standards":{ }}}
        var b = { "101":{ "Standards":{ "11111":[0.25]}}}
        console.log(Object.assign({ },x,b))

猜猜结果是什么

{ "101":{ "Standards":{ "111":[0.2]}}}

[Link 1]: http://es6.ruanyifeng.com/#docs/object-methods

Object中的assign方法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Object.assign() 方法的使用详解

相关 JS中Object.assign()的用法

相关 Object.assign()

相关 Object.assign()学习

相关 Object.assign() 方法详解

相关 Object中的assign方法

相关 JavaScript中Object的create和assign方法

相关 js方法之Object.assign()

相关 Object.assign() 方法

相关 es6 javascript对象方法Object.assign()