原型在手，天下我有 - JS 原型概念解析

JavaScript 原型是什么？

JavaScript 原型是一个特殊的对象，它包含了所有对象的共用属性和方法。每个对象都继承了其所属原型的属性和方法，因此可以通过调用这些属性和方法来访问或操作对象。

原型的作用

原型的主要作用是实现代码的复用和简化。通过继承原型中的属性和方法，我们可以避免在每个对象中重复定义相同的内容，从而使代码更加简洁和易于维护。

原型的创建

JavaScript 中的原型是通过构造函数来创建的。当我们使用构造函数创建对象时，该对象将自动继承构造函数的原型。例如，以下代码创建了一个名为 Person 的构造函数：

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

使用 Person 构造函数创建的对象将自动继承 Person 原型。Person 原型包含了所有 Person 对象的共用属性和方法，例如：

Person.prototype.getName = function() {
  return this.name;
};

Person.prototype.getAge = function() {
  return this.age;
};

原型的访问

我们可以通过多种方式来访问原型。最直接的方式是使用 __proto__ 属性。例如，以下代码将显示 Person 原型的属性和方法：

console.log(Person.__proto__);

我们还可以通过 prototype 属性来访问原型。例如，以下代码将显示 Person 原型的属性和方法：

console.log(Person.prototype);

原型的修改

我们可以通过修改原型来修改所有继承该原型的对象。例如，以下代码将修改 Person 原型的 getName 方法：

Person.prototype.getName = function() {
  return "My name is " + this.name;
};

这个修改将影响所有继承 Person 原型的对象。例如，以下代码将输出 "My name is John"：

var person = new Person("John", 30);
console.log(person.getName());

结论

JavaScript 原型是一个重要的概念，它可以帮助我们实现代码的复用和简化。通过理解和掌握原型的概念，我们可以更加深入地理解 JavaScript 的工作原理，并编写出更加优雅和高效的代码。