深入浅出：揭秘 JavaScript 原型、原型链、new 关键字和构造函数

前端

2023-10-20 06:55:33

在 JavaScript 的世界里，原型、原型链、new 和构造函数是不可或缺的概念。它们共同构成了对象创建和交互的基础，理解它们对于提升编码水平至关重要。

原型和原型链

原型是每个函数都具有的一个特殊属性，它是一个对象，用于存储函数实例共享的属性和方法。当我们使用 new 关键字创建函数实例时，该实例将继承其原型的所有属性和方法。

原型链 则是一条对象链，每个对象都指向其原型的对象。通过原型链，对象可以访问其原型中定义的属性和方法，即使它们自己没有显式定义这些属性和方法。

new 关键字和构造函数

new 关键字 用于创建一个新的对象实例。当我们使用 new 关键字调用一个函数时，该函数将作为构造函数运行，并返回一个新创建的对象。

构造函数 是一种特殊的函数，用于创建和初始化对象实例。它与普通函数不同，因为它内部有一个特殊的 this 关键字，该关键字指向正在创建的新对象。构造函数可以用来设置对象实例的初始属性和方法。

应用实例

以下是一个简单的 JavaScript 代码示例，展示了原型、原型链、new 关键字和构造函数的使用：

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

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

const john = new Person('John Doe', 30);
john.sayHello(); // Output: Hello, my name is John Doe and I am 30 years old.

在这个示例中，Person 函数是一个构造函数，它创建了 john 对象实例。Person.prototype 是 Person 构造函数的原型，其中定义了 sayHello 方法。通过原型链，john 对象可以访问 sayHello 方法，即使它自己没有显式定义该方法。