什么是原型链?
在 JavaScript中,每个对象都有一个原型对象。原型对象是一个普通的对象,它包含了一组属性和方法。当我们创建一个对象时,它会自动的从它的原型对象中继承属性和方法。这个继承关系是通过一个特殊的属性
proto 来实现的,每个对象都有一个 proto 属性,它指向它的原型对象。
JavaScript 中的原型链是一种对象之间的继承机制。它是由每个对象的 proto
属性所形成的链式结构,用来指向它的原型对象。如果一个对象在它的原型对象上没有找到所需要的属性或方法,它就会沿着原型链向上查找,直到找到为止。
当我们访问一个对象的属性或方法时,JavaScript引擎首先在对象本身上查找该属性或方法。如果它没有找到,它会沿着原型链继续查找。这个过程会一直持续到对象的原型链的末尾。如果它在原型链的末尾仍然没有找到该属性或方法,它就会返回undefined。
示例:
// 定义一个构造函数
function Person(name, age) {
this.name = name;
this.age = age;
}
// 向 Person 的原型对象中添加一个方法
Person.prototype.sayHello = function() {
console.log(`Hello, my name is ${this.name}.`);
};
// 创建一个 Person 的实例对象
const person1 = new Person("Alice", 25);
// 调用 person1 的 sayHello 方法
person1.sayHello(); // 输出:Hello, my name is Alice.
// 在 person1 对象上查找一个不存在的属性
console.log(person1.gender); // 输出:undefined
// 在 person1 对象的原型对象上查找 gender 属性
console.log(person1.__proto__.gender); // 输出:undefined
// 向 Person 的原型对象中添加一个 gender 属性
Person.prototype.gender = "female";
// 再次在 person1 对象上查找 gender 属性,它现在可以找到了
console.log(person1.gender); // 输出:female