Object.assign()的使用.

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。

它将返回目标对象。

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

// Object.assign()第一个参数是目标对象,后面的参数都是源对象
const returnedTarget = Object.assign(target, source);

// 如果目标对象中的属性和源对象的属性相同,目标对象的属性会被源对象的属性覆盖.
console.log(target);
// Object { a: 1, b: 4, c: 5 }   注意目标对象自身也会改变。

console.log(returnedTarget);
// Object { a: 1, b: 4, c: 5 }

继承属性和不可枚举属性是不能拷贝的

    const obj = Object.create({foo: 1}, { // foo 是个继承属性。
        bar: {
            value: 2  // bar 是个不可枚举属性。
        },
        baz: {
            value: 3,
            enumerable: true  // baz 是个自身可枚举属性。
        }
    });

    const copy = Object.assign({}, obj);
    console.log(copy); // { baz: 3 }

原始类型会被包装成对象

    const v2 = '是否';
    const obj = Object.assign({}, null, v2, undefined, 10, Symbol("foo"));
    // 原始类型会被包装成对象,null 和 undefined 会被忽略。
    // 注意,只有字符串的包装对象才可能有自身可枚举属性。
    console.log(obj); // { "0": "a", "1": "b", "2": "c" }

如果目标对象是null或undefined会报错.

const v2 = { age: 18 };
const obj1 = Object.assign(undefined, v2);
const obj2 = Object.assign(undefined, v2);
console.log(obj1); 
console.log(obj2); 

// 这两种情况会报错:  "TypeError: Cannot convert undefined or null to object"
   不能将undefined或null转换为对象"

console.log(Object.assign([1, 2, 3], [4, 5]))   // [4,5,3]

是不是从来没有用assign方法合并过数组?assign方法可以用于处理数组,不过会把数组视为对象,比如这里会把目标数组视为是属性为0、1、2的对象,所以源数组的0、1属性的值覆盖了目标对象的值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值