JavaScript原型、原型链

在 JavaScript 中，每个对象都有一个原型对象，它是一个包含可共享属性和方法的对象。每个对象的原型对象又有自己的原型对象，从而形成了一个原型链。原型链的起点是 Object.prototype，因为所有的 JavaScript 对象都是由 Object 函数构造出来的。

当我们访问一个对象的属性或方法时，如果对象自身不存在该属性或方法，则 JavaScript 引擎会沿着原型链往上查找，直到找到该属性或方法或者到达原型链的顶部（即 Object.prototype），如果还没有找到，则返回 undefined。

我们可以使用 Object.getPrototypeOf() 函数或者对象的 proto 属性来访问对象的原型对象，例如：

let obj = {};
console.log(Object.getPrototypeOf(obj) === Object.prototype); // true
console.log(obj.__proto__ === Object.prototype); // true

我们也可以通过手动设置对象的原型对象来构建原型链，例如：

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

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

function Student(name, grade) {
  this.grade = grade;
  Person.call(this, name);
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

Student.prototype.study = function() {
  console.log(`${this.name} is studying in grade ${this.grade}`);
};

let john = new Student("John", 10);
john.sayHello(); // Hello, my name is John
john.study(); // John is studying in grade 10

在这个例子中，我们定义了 Person 和 Student 两个构造函数，使用 Object.create() 函数将 Student.prototype 设置为 Person.prototype 的一个实例，从而构建了一个原型链。在实例化 Student 对象时，我们使用了 Person.call() 函数来调用 Person 构造函数，从而将 Person 的属性和方法继承到了 Student 对象中。