在 JavaScript 中，原型是一个非常重要的概念。它允许我们创建对象，并让这些对象共享通用的属性和方法。然而，在实际开发中，我们不应该滥用原型，否则会影响代码的可维护性和性能。
何时使用原型
创建多个对象并共享方法
如果我们需要创建多个对象，这些对象具有相同的属性和方法，那么使用原型会非常方便。例如，假设我们正在编写一个游戏，我们需要创建多个敌人对象，每个敌人都有一些通用的方法（如 move 和 attack），那么我们可以将这些方法添加到原型中，然后让每个对象共享这些方法，从而避免了重复的代码。下面是一个示例：
-- -------------------- ---- ------- -------- -------- -- - ------ - -- ------ - -- - -------------------- - ------------ --- - ------ -- --- ------ -- --- -- ---------------------- - ---------- - -- --- --
在上面的代码中，我们定义了一个 Enemy 构造函数，并将 move 和 attack 方法添加到其原型中。这样，我们就可以创建多个 Enemy 对象，并共享这些方法。
const enemy1 = new Enemy(0, 0); const enemy2 = new Enemy(10, 10); enemy1.move(1, 1); enemy2.move(-1, -1);
扩展内置对象的功能
JavaScript 的内置对象（如 Array 和 String）也有自己的原型。如果我们需要扩展这些对象的功能，那么可以通过修改它们的原型来实现。例如，假设我们想要为 Array 添加一个 sum 方法，用于计算数组中所有元素的和，那么可以这样做：
Array.prototype.sum = function() {
return this.reduce((acc, curr) => acc + curr, 0);
};在上面的代码中，我们将 sum 方法添加到了 Array 的原型中。这样，所有的数组都可以直接调用 sum 方法。
const arr = [1, 2, 3]; console.log(arr.sum()); // 6
注意事项
避免滥用原型
尽管使用原型可以大大减少重复的代码，但是过度使用会影响代码的可维护性和性能。因此，在使用原型时，需要遵循以下几点：
- 不应该将所有方法都添加到原型中，因为这样会使得对象与原型之间的关系变得混乱。
- 不应该在循环中修改原型，这可能会导致意外的结果。
- 不应该直接修改内置对象的原型，因为这会影响到整个应用程序。
使用 Object.create 创建对象
当我们需要创建一个没有构造函数的对象时，可以使用 Object.create 方法。该方法允许我们以指定的原型为基础创建一个新的对象，从而避免了使用构造函数和 new 运算符。例如：
-- -------------------- ---- -------
----- ------ - -
---------- -------
--------- ------
---------- -
------ ------------------ ------------------
--
--
----- ---- - ----------------------
-------------- - -------
------------- - --------
----------------------------- -- ---- -----在上面的代码中，我们首先定义了一个 person 对象，并将其作为 john 对象的原型。然后，我们使用 Object.create 方法创建了一个新的对象，并将其原型设置为 person。最后，我们修改了 john 对象的属性，并调用了它的 fullName 方法。
总结
JavaScript 的原型是一个非常有用
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12106