什么是JavaScript原型，原型链 ?-JavaScript面试指南

当前位置:　首页>> 技术小册>> JavaScript面试指南

在JavaScript中，每个对象都有一个称为原型（Prototype）的内部属性。原型是一个对象，它包含一些共享的属性和方法，可以被该对象的所有实例访问。每个JavaScript对象都有一个原型，除了原型链的顶端——Object.prototype。原型链是一种对象之间的关系，它是由原型构成的链式结构，可以通过原型链访问到其他对象的属性和方法。

当我们访问一个对象的属性时，JavaScript引擎会首先在该对象本身上查找，如果找不到，它会沿着该对象的原型链向上查找，直到找到该属性为止。如果在原型链的最顶端（即Object.prototype）还没有找到该属性，则返回undefined。

以下是一个原型和原型链的示例代码：
```
// 定义一个Person构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 为Person的原型添加一个greet方法
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}, I am ${this.age} years old.`);
}

// 创建一个Person实例
const person = new Person('Tom', 20);

// 调用greet方法
person.greet(); // 输出：Hello, my name is Tom, I am 20 years old.

// 输出person对象的原型
console.log(Object.getPrototypeOf(person)); // 输出：Person { greet: [Function] }

// 输出Person函数的原型
console.log(Object.getPrototypeOf(Person)); // 输出：[Function]
```
在这个示例中，我们定义了一个Person构造函数，它有两个属性：name和age。然后，我们为Person的原型添加了一个greet方法。接着，我们创建了一个person对象，并调用了它的greet方法。在调用greet方法时，JavaScript引擎会首先在person对象上查找该方法，由于该方法不存在，它会沿着person对象的原型链向上查找，在Person.prototype上找到了该方法并调用。最后，我们使用Object.getPrototypeOf方法获取了person对象和Person函数的原型。

原型和原型链的特点包括：

- 原型是一个对象，它包含一些共享的属性和方法，可以被该对象的所有实例访问。
- 所有JavaScript对象都有一个原型，除了原型链的顶端——Object.prototype。
- 原型链是由原型构成的链式结构，可以通过原型链访问到其他对象的属性和方法。
- 当访问一个对象的属性时，JavaScript引擎会首先在该对象本身上查找，如果找不到，它会沿着该对象的原型链向上查找，直到找到该属性为止。如果在原型链的最顶端（即Object.prototype）还没有找到该属性，则返回`

该分类下的相关小册推荐：

javascript设计模式原理与实战

Javascript-ES6与异步编程

web前端开发性能优化实战

经典设计模式Javascript版

Javascript编程指南

零基础学JavaScript

WebSocket入门与案例实战

KnockoutJS入门指南

编程入门课：Javascript从入门到实战

剑指javascript-ES6

Flutter核心技术与实战

Node.js 开发实战