如何在JavaScript中扩展原型？能否通过example.add()这类方式实现？

一、扩展自定义构造函数的原型（推荐用于自定义对象） #

要实现example.add()这种调用方式，核心是把add方法挂载到对应构造函数的原型上，这样该构造函数的所有实例都能继承这个方法。示例代码：

// 定义自定义构造函数
function Example() {
  // 实例专属属性
  this.count = 0;
}

// 扩展原型，添加add方法
Example.prototype.add = function(num) {
  this.count += num || 1; // 默认加1，也可传入指定数值
  return this; // 支持链式调用，比如example.add(2).add(3)
};

// 创建实例并调用方法
const example = new Example();
example.add(5);
console.log(example.count); // 输出5

通过这种方式，example作为Example的实例，就能直接调用原型上的add方法，完全符合你想要的调用形式。

二、扩展内置对象的原型（谨慎使用） #

你也可以给JavaScript内置对象（比如Array、String）的原型添加方法，但这种做法要格外小心——如果未来JS标准新增了同名方法，或者第三方库也做了类似扩展，很容易引发冲突。示例：

// 给Array原型添加求平均值的方法
Array.prototype.average = function() {
  if (this.length === 0) return 0;
  return this.reduce((total, item) => total + item, 0) / this.length;
};

const nums = [10, 20, 30];
console.log(nums.average()); // 输出20

三、ES6 Class语法的等价实现 #

如果用ES6的class语法，本质还是基于原型链机制，写法更简洁直观：

class Example {
  constructor() {
    this.count = 0;
  }

  // 这里的add方法会自动挂载到Example的原型上
  add(num) {
    this.count += num || 1;
    return this;
  }
}

const example = new Example();
example.add(3);
console.log(example.count); // 输出3

关键注意点 #

• 自定义对象的原型扩展是安全且常用的技巧，能让所有实例共享方法，节省内存；
• 内置对象的原型扩展尽量避免，真要操作的话，建议用命名空间（比如myLib_add）减少冲突概率；
• 原型方法里的this指向调用该方法的实例，因此可以直接操作实例的属性。

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