关于JavaScript深度克隆和浅度克隆的整理回顾与研究

最新推荐文章于 2021-08-09 22:01:26 发布

老板来杯冰阔乐

最新推荐文章于 2021-08-09 22:01:26 发布

阅读量121

点赞数

涉及知识点（部分）
1、toString()：
定义和用法
toString() 方法可把一个逻辑值转换为字符串，并返回结果。

语法
booleanObject.toString()

返回值
根据原始布尔值或者 booleanObject 对象的值返回字符串 “true” 或 “false”。

抛出
如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。

注释：在 Boolean 对象被用于字符串环境中时，此方法会被自动调用。

2、hasOwnProperty：
定义和用法
hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。（property英文意思性质，属性，财产）
示例：

const object1 = new Object();
object1.property1 = 42;

console.log(object1.hasOwnProperty('property1'));
// expected output: true

console.log(object1.hasOwnProperty('toString'));
// expected output: false

console.log(object1.hasOwnProperty('hasOwnProperty'));
// expected output: false

3、Array.prototype.concat()（浅拷贝）

定义和用法
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

 let  arr=[1,2,3,4,{username:"kebi",age:18}];

 let  arr1=arr.concat()  // concat是连接数组，如果不传参，则表示复制原数组的数据到目标数组中

 注意：使用此方法时，数组中的基本数据类型的数据照样是生成一份新数据拷贝到新数组中，所以修改新数组的基本数据类型的数据不会影响原数组，如果修改数组中的对象，同样拷贝的是一份对象的引用到新数组中，所以修改新数组的对象会直接影响原来数组的对象数据。这跟直接赋值有一定的区别

4、Object.assign()（浅拷贝）

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。

let targetObj1 = { a: 1 };
        let sourceObj1 = { b: 1 };
        let sourceObj11 = { c: 3 };
        Object.assign(targetObj1, sourceObj1, sourceObj11);
        console.log(targetObj1);
注：如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。