前言
现在的前端开发越来越复杂，我们在开发中可能用到了很多第三方库，而这些库又可能依赖于其他的库，这样就会引发一系列依赖问题。npm，也就是 node.js 的包管理工具，为我们解决了这些问题。其中，set-prototype-of 就是 npm 上一个非常实用的包，用来设置一个对象的原型对象。在深度的学习和使用 set-prototype-of 这个包之后，我来进行一次使用教程的分享。
正文
安装包
使用 npm 安装 set-prototype-of：
--- ------- ----------------
使用方法
set-prototype-of 会设置一个对象的 [[prototype]] 属性，这个属性可以理解为对象的原型对象。我们将某个对象作为第一个参数传入，再将其原型作为第二个参数传入。具体如下：
----- -------------- - --------------------------- ----- ---- - -- ----- ---- - - -- - - ------------------- -- --------- -------------------- ----- ------------------- -- -
上述代码中，我们使用了 set-prototype-of 包来将 obj2 对象作为 obj1 的原型。此时 obj1 里就可以访问 obj2 中的属性了。
Polyfill
在老版本的浏览器上使用 setPrototypeOf 的时候，我们可能会遇到原生引擎不支持的问题。这时候我们需要使用 Polifill 来实现 setPrototypeOf 的功能。
下面是一个 Polyfill 的示例：
-- ------------------------ - --------------------- - ---------------------- - -------- --------------------------- ------ - ------------- - ----- ------ --- -
上述函数的第一个条件判断是先判断是否存在 setPrototypeOf 这个原生方法，如果不存在，就用 setPrototypeOfPolyfill 这个模拟的方法来模拟原生的 setPrototypeOf。
注意，尽管 __proto__ 是一个非标准的方法，但他在很多浏览器中都被支持了。因此，这个 Polyfill 策略虽然生效，但是大多数情况下也会验证 __proto__ 属性的存在。
使用 set-prototype-of 的注意点
- 使用
setPrototypeOf修改原型对象并不推荐。在新版本的 node.js 中，setPrototypeOf是可以直接设置继承关系的。而在浏览器中，使用Object.setPrototypeOf()方法来跟新继承关系。但是在修改原型对象之后，这个对象在多个线程中可能会共享，所以偶有出现莫名其妙的BUG，需注意在使用中避免问题。 - 在 ES6 中，如果你想要创建一个自定义对象，你可以使用
class这个方法，这样你可以快速地创建原型链和自定义方法。
结论
set-prototype-of 包可以让我们对自定义对象的继承关系进行修改，有助于更好地组织我们的代码，并提高代码运行效率。在使用的时候注意细节，会更好地利用它的优势。希望本篇文章能够为你提供帮助，如果有错误或者不足的地方，欢迎指出。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65144