js 原型添加方法

在JavaScript中，每个对象都有一个原型（prototype），它允许对象继承属性和方法。当你在JavaScript中创建一个函数时，这个函数就自动成为对象的原型方法的一个载体。

基础概念：

原型链：JavaScript中的每个对象都有一个内部属性[[Prototype]]，它指向另一个对象，即该对象的原型。原型对象也有自己的原型，这样一级一级地链接起来，就形成了原型链。
构造函数：在JavaScript中，函数可以作为构造函数来使用，通过new关键字来创建对象实例。构造函数的prototype属性指向一个对象，这个对象就是通过该构造函数创建的所有实例的原型。

向原型添加方法：

你可以直接向构造函数的prototype属性添加方法，这样所有通过该构造函数创建的实例都能继承这个方法。

示例代码：

// 定义一个构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 向Person的原型添加一个方法
Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

// 创建一个Person实例
const person1 = new Person('Alice', 30);

// 调用原型上的方法
person1.sayHello(); // 输出: Hello, my name is Alice and I am 30 years old.

优势：

代码复用：通过向原型添加方法，你可以确保所有实例都能访问到这个方法，从而实现代码复用。
内存效率：由于方法存储在原型上，而不是每个实例都有自己的副本，因此可以节省内存。

应用场景：

当你想要为某一类对象添加通用功能时，可以向其构造函数的原型添加方法。这样，所有通过该构造函数创建的实例都能自动获得这个功能。

注意事项：

避免覆盖原型上的方法：在向原型添加方法时，要确保方法名不会与已有的方法名冲突，以免覆盖原有的方法。
使用ES6类语法：虽然上面的示例使用了传统的构造函数和原型语法，但在现代JavaScript中，更推荐使用ES6引入的class语法来定义类和添加原型方法。这种方式更加简洁和直观。

示例代码（使用ES6类语法）：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person1 = new Person('Alice', 30);
person1.sayHello(); // 输出: Hello, my name is Alice and I am 30 years old.