爬虫之矛---JavaScript基石篇2＜window对象、Node.js和prototype/constructor的解析(2)＞

前言:

继续上一篇https://blog.csdn.net/m0_56758840/article/details/136590411

正文:

1.prototype与constructor

在JavaScript中，原型和构造函数是实现对象扩展和继承的关键概念。它们构成了JavaScript中的原型系统，使我们能够以灵活且高效的方式创建对象和共享属性。

A. 原型和原型链的概念解析

1. 原型：每个JavaScript对象都有一个原型(prototype)属性，它指向另一个对象或null。原型是一个对象，包含共享的属性和方法，可供其他对象进行访问和继承。
2. 原型链：当我们访问一个对象的属性或方法时，如果该对象自身没有找到对应的属性或方法，则会去它的原型链上查找。原型链是由对象的原型构成的链式结构，允许对属性和方法的继承和访问。

B. prototype对象和constructor属性的作用

1. prototype对象：每个JavaScript函数都有一个特殊的属性叫做prototype。它是一个对象，包含我们希望由该函数创建的所有实例对象共享的属性和方法。我们可以将这些共享的属性和方法添加到prototype对象上。
2. constructor属性：prototype对象上有一个特殊的属性叫做constructor，它指向创建当前对象的构造函数。通过constructor属性，我们可以追溯回构造函数本身。

C. 原型继承和构造函数的关系

1. 原型继承：在JavaScript中，我们可以通过原型继承来创建对象之间的继承关系。通过让一个对象的原型指向另一个对象，我们可以使后者成为前者的原型，从而继承其属性和方法。
2. 构造函数：构造函数是一个通过函数创建对象的过程。它是一个普通的函数，但通过添加关键字new来调用，生成一个新的对象。通过构造函数，我们可以初始化对象的属性和方法，并通过this关键字将它们绑定到新创建的对象上。

D. 使用prototype和constructor进行对象扩展和继承的示例

案例一：对象扩展

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

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

var john = new Person("John");
john.sayHello(); // 输出：Hello, my name is Joh