JS 原型：揭秘JavaScript的神奇世界

2023-11-28 08:38:58

JavaScript 原型：踏入 JS 魔法世界的大门

在 JavaScript 的世界里，原型是一个神奇而强大的概念。它就像一个模版，为所有对象提供了一套默认属性和方法。理解原型，不仅能帮助你更好地理解 JavaScript 的运作方式，还能让你编写出更优雅、更强大的代码。

proto：原型的映射，通往对象世界的桥梁

每个 JavaScript 对象都有一个内部属性 proto，它指向该对象的原型对象。原型对象又可以有自己的原型对象，如此层层递进，最终指向 null。这种原型链的存在，使得 JavaScript 对象能够继承属性和方法。

使用 .prototype 声明属性和方法：构建原型的蓝图

函数的 prototype 属性指向该函数的原型对象。你可以使用 .prototype 来声明属性和方法，这些属性和方法将被所有使用该函数创建的对象继承。

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}!`);
};

const person1 = new Person('John');
person1.greet(); // 输出: Hello, my name is John!

函数名.属性/方法：在构造函数中声明属性和方法：一种特殊的原型用法

除了使用 .prototype，你还可以直接在构造函数中声明属性和方法。这种方式声明的属性和方法只能通过函数名来访问。

function Person(name) {
  this.name = name;

  this.greet = function() {
    console.log(`Hello, my name is ${this.name}!`);
  };
}

const person1 = new Person('John');
person1.greet(); // 输出: Hello, my name is John!