如何开发可作为原生类型方法调用的自定义功能npm包

核心实现方案 #

你需要将自定义方法挂载到对应内置类型的原型上即可实现你要的调用效果，以字符串翻转方法为例：

// 注意不能用箭头函数定义原型方法，箭头函数的this无法指向当前调用的字符串实例
String.prototype.reverseString = function () {
  return this.split('').reverse().join('')
}

调用测试：

'somethinghere'.reverseString() // 输出结果为 erehgnemos

注意事项 #

• 如果你是开发公共npm包，不建议直接修改内置原型，会存在原型污染风险：如果后续ECMAScript标准新增了同名原生方法，你的自定义实现会覆盖原生逻辑，导致依赖该原生方法的其他代码报错。更稳妥的方案是保留原有独立函数调用作为默认导出，额外提供可选的原型注册方法，由使用者主动选择是否开启原型挂载。
• 如果是团队/个人自用的工具包，不需要对外公开，直接挂载原型是完全可行的，使用成本最低。
• 可以通过Object.defineProperty配置方法的可枚举性，避免自定义方法被for...in遍历到，减少对原有逻辑的影响：

Object.defineProperty(String.prototype, 'reverseString', {
  value: function () {
    return this.split('').reverse().join('')
  },
  enumerable: false, // 设为不可枚举，不会出现在对象遍历结果中
  writable: true,
  configurable: true
})

• 其他类型的自定义方法也可以用相同逻辑实现，比如数组工具方法挂载到Array.prototype，全局通用方法挂载到Object.prototype即可。

内容的提问来源于stack exchange，提问作者Daniel