介绍
在前端开发中，我们经常需要创建一个对象的副本，以保护原始对象不被修改。然而，JavaScript 对象的深复制不是很容易实现。因此，我们需要一个方法，来让我们能够轻松地创建对象的深拷贝。
@b-strap/synthetic-prototype 就是这样一个 npm 包，它提供了一种简单易用的方式来创建对象的深拷贝。它是一个用于创建合成对象原型的函数，可以让我们基于一个原型创建一个新的对象，并将两者深度合并。
安装
使用 npm 安装该包：
npm install @b-strap/synthetic-prototype
然后在你的代码中导入：
const SyntheticPrototype = require('@b-strap/synthetic-prototype');使用
首先，我们需要定义一个原型对象，即我们要创建深拷贝的对象：
-- -------------------- ---- -------
----- ----------- - -
----- ------
---- ---
-------- -
----- -----------
------- -------- -----
--
-------- -------- ------- --------
--然后我们要使用 SyntheticPrototype 函数来创建一个合成对象原型，并向其传递我们定义的原型对象：
const copyPrototype = SyntheticPrototype(myPrototype);
现在，我们得到了一个新的合成对象原型对象，它包括我们定义的原型对象中的所有内容，并且让我们能够轻松地深度合并任何新对象：
const myObj = {
age: 30,
address: {
street: 'Huaihai Road'
},
friends: ['Helen']
};使用 Object.assign 函数，我们可以将新对象与合成对象原型进行合并。此时，由于合成对象原型包含了原型对象的所有内容，因此这个合并操作不仅会添加新的属性和值，还会修改原始对象包含的值。
const mergedObj = Object.assign({}, copyPrototype, myObj);
console.log(mergedObj);输出的结果如下：
-- -------------------- ---- -------
-
----- ------
---- ---
-------- -
----- -----------
------- -------- -----
--
-------- - ------- ------- -------- ------- -
-可以看到，合并后的对象中，原对象 age 被修改为了 30，address 中 street 属性的值也被修改为了 Huaihai Road，并且 friends 数组中新增了一个元素 Helen。
示例
为了更好地理解 @b-strap/synthetic-prototype 的用法，下面提供一个完整的示例代码。在这个示例中，将创建一个 Person 类，其中包含了一个 name 属性和一个 setName 方法，用于设置 name 属性的值。然后，我们将创建一个新的对象 bob，它从 Person 类的原型中深度拷贝了所有属性和方法，并在此基础上创建了一个新的对象 sally。
-- -------------------- ---- -------
----- ------------------ - ----------------------------------------
----- ------ -
----------------- -
--------- - -----
-
------------- -
--------- - -----
-
-
----- --- - --- --------------
----- --------------- - ---------------------------
----- ----- - ----------------- ------------------------------------ -
----- -------
---
----------------------
------------------------
----------------------
------------------------输出的结果如下：
Bob Sally Sarah
可以看到，在 sally 对象上调用 setName 方法时，只会对 sally.name 进行修改，而不会影响 bob 对象的 name 属性。这说明 @b-strap/synthetic-prototype 包提供的深拷贝功能真正地实现了对原始对象的保护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f1c81e8991b448dcb5f