JS原型与原型链：面试必备知识

在JavaScript中，原型和原型链是理解对象继承、属性和方法共享等核心概念的关键。本文将带你深入理解这两个概念，并提供一些实际应用和实践经验，帮助你在面试中脱颖而出。

一、原型（Prototype）

在JavaScript中，每个对象都有一个原型对象，它定义了对象从何处继承属性和方法。原型对象也是一个普通的JavaScript对象，它可以有自己的属性和方法，也可以有自己的原型对象，形成原型链。当我们试图访问一个对象的属性时，如果该对象内部不存在这个属性，那么JavaScript会在对象的原型对象上查找这个属性，这就是原型链的作用。

二、原型链（Prototype Chain）

原型链是JavaScript中实现对象继承的主要方式。每个对象都有一个指向它的原型对象的内部链接。当试图访问一个对象的属性时，如果该对象内部不存在这个属性，那么JavaScript会沿着原型链向上查找，直到找到这个属性或者达到原型链的顶端（null）。

三、如何查看和修改原型

在JavaScript中，我们可以使用__proto__属性来访问和修改一个对象的原型。但需要注意的是，__proto__属性并不是标准属性，它在某些环境中可能不可用。更推荐的做法是使用Object.getPrototypeOf()和Object.setPrototypeOf()方法来获取和设置对象的原型。

let obj = {};
console.log(Object.getPrototypeOf(obj)); // 输出: {}
let proto = { method: function() {} };
Object.setPrototypeOf(obj, proto);
console.log(obj.method); // 输出: [Function: method]

四、原型链中的属性和方法

在原型链中，对象的属性和方法可以被多个对象共享。当一个对象访问它的属性或方法时，JavaScript会首先在该对象内部查找，如果找不到，则沿着原型链向上查找。这种共享机制使得JavaScript能够实现对象的继承和功能复用。

五、原型链与构造函数

在JavaScript中，构造函数是一种特殊的函数，它用于初始化一个新创建的对象。每个构造函数都有一个原型属性，该属性指向一个对象，该对象的构造函数属性又指向该构造函数。当我们使用new关键字创建一个对象时，新对象会继承构造函数的原型对象上的属性和方法。

function Person(name) {
  this.name = name;
}
Person.prototype.greet = function() {
  console.log('Hello, my name is ' + this.name);
};
let john = new Person('John');
john.greet(); // 输出: Hello, my name is John

六、实际应用和实践经验

了解原型和原型链后，我们可以更好地理解和应用JavaScript中的继承、属性和方法共享等概念。在实际开发中，我们可以利用原型链实现对象的继承和功能复用，提高代码的可维护性和可扩展性。

同时，我们还需要注意避免原型链中的一些问题，如原型污染和循环引用等。这些问题可能导致代码出现不可预期的行为，甚至引发内存泄漏等问题。

七、总结

原型和原型链是JavaScript中非常重要的概念，它们是实现对象继承和功能复用的基础。通过深入理解原型和原型链，我们可以更好地掌握JavaScript的对象系统，提高代码的质量和效率。在面试中，对于原型和原型链的理解和应用也是评价一个JavaScript开发者能力的重要指标之一。