npm 包 set-prototype-of 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

现在的前端开发越来越复杂，我们在开发中可能用到了很多第三方库，而这些库又可能依赖于其他的库，这样就会引发一系列依赖问题。npm，也就是 node.js 的包管理工具，为我们解决了这些问题。其中，set-prototype-of 就是 npm 上一个非常实用的包，用来设置一个对象的原型对象。在深度的学习和使用 set-prototype-of 这个包之后，我来进行一次使用教程的分享。

正文

安装包

使用 npm 安装 set-prototype-of：

npm install set-prototype-of

使用方法

set-prototype-of 会设置一个对象的 [[prototype]] 属性，这个属性可以理解为对象的原型对象。我们将某个对象作为第一个参数传入，再将其原型作为第二个参数传入。具体如下：

const setPrototypeOf = require('set-prototype-of')

const obj1 = {}
const obj2 = { a: 1 }
console.log(obj1.a)    // undefined

setPrototypeOf(obj1, obj2)
console.log(obj1.a)    // 1

上述代码中，我们使用了 set-prototype-of 包来将 obj2 对象作为 obj1 的原型。此时 obj1 里就可以访问 obj2 中的属性了。

Polyfill

在老版本的浏览器上使用 setPrototypeOf 的时候，我们可能会遇到原生引擎不支持的问题。这时候我们需要使用 Polifill 来实现 setPrototypeOf 的功能。

下面是一个 Polyfill 的示例：

if (!Object.setPrototypeOf) {
  Object.setPrototypeOf = setPrototypeOfPolyfill
}

function setPrototypeOfPolyfill(obj, proto) {
  obj.__proto__ = proto
  return obj
}

上述函数的第一个条件判断是先判断是否存在 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