js assign|极客笔记

js assign

1. 什么是js assign方法

assign方法是JavaScript的一个内置函数，用于将一个或多个源对象的可枚举属性复制到目标对象，并返回目标对象。换句话说，assign方法可以将多个对象的属性合并到一个目标对象中。

2. js assign使用方法

assign方法的语法如下：

Object.assign(target, ...sources)

其中，target为目标对象，sources为一个或多个源对象。assign方法将源对象的可枚举属性复制到目标对象，并返回目标对象。

3. js assign使用示例

下面通过几个示例来详细说明assign方法的使用。

示例1: 合并对象属性

const obj1 = {a: 1, b: 2};
const obj2 = {c: 3};
const obj3 = Object.assign(obj1, obj2);
console.log(obj3);  // 输出: {a: 1, b: 2, c: 3}

在这个示例中，我们定义了三个对象obj1、obj2和obj3，其中obj1是目标对象，obj2是源对象。我们使用assign方法将obj2的属性合并到obj1中，并将合并结果赋值给obj3。最后打印输出obj3，可以看到obj3包含了obj1和obj2的所有属性。

js assign

示例2: 处理同名属性

const obj1 = {a: 1, b: 2};
const obj2 = {b: 3, c: 4};
const obj3 = Object.assign(obj1, obj2);
console.log(obj3);  // 输出: {a: 1, b: 3, c: 4}

在这个示例中，obj1和obj2都有一个名为b的属性。当使用assign方法合并对象属性时，如果出现同名属性，后面的属性会覆盖前面的属性。因此，obj3的b属性的值为3，而不是2。

js assign

示例3: 合并数组

assign方法不仅可以合并对象的属性，还可以合并数组的元素。下面是一个合并数组的示例：

const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [5, 6];
const result = Object.assign([], arr1, arr2, arr3);
console.log(result);  // 输出: [1, 2, 3, 4, 5, 6]

在这个示例中，我们创建了三个数组arr1、arr2和arr3，然后使用assign方法将这三个数组合并到一个新的空数组中。最后打印输出result，可以看到result包含了三个数组的所有元素。

js assign

4. js assign注意事项

在使用assign方法时，有几个需要注意的地方：

assign方法是浅拷贝，即仅复制源对象的属性值，如果源对象的属性值是对象或数组，那么目标对象会持有同一个引用。如果需要深拷贝，可以使用其他方法，如JSON.parse(JSON.stringify(obj))或使用第三方库。
assign方法会忽略源对象的null和undefined属性。
assign方法是静态方法，即通过Object.assign()调用，而不是通过对象实例调用。
如果目标对象是null或undefined，则无法使用assign方法。
如果源对象是null或undefined，则会抛出TypeError错误。