js中的原型链是什么意思

原创

ithorizon 7个月前 (10-03) 阅读数 130 #Javascript

JS中的原型链是什么意思

在JavaScript中，原型链是一种重要的概念，用于实现对象继承。原型链基于每个对象都有一个指向另一个对象的引用，这个引用被称为原型。通过这个原型，对象可以继承另一个对象的属性和方法。接下来，我们将详细介绍原型链的原理和使用。

1. 原型对象

在JavaScript中，每个函数都有一个原型对象（prototype），这个原型对象本身也是一个普通的对象。当我们创建一个函数时，这个函数的prototype属性被自动赋值为一个含有constructor属性的对象，这个constructor属性指向函数本身。


        function Person() {}
        console.log(Person.prototype); // 输出：{constructor: ƒ}
        console.log(Person.prototype.constructor === Person); // 输出：true

2. 构造函数

当我们使用new关键字创建一个对象时，JavaScript会自动为这个对象分配一个原型，这个原型指向其构造函数的prototype属性。这样，通过构造函数创建的对象就可以继承原型上的属性和方法。


        function Person() {}
        Person.prototype.name = "张三";
        var person1 = new Person();
        console.log(person1.name); // 输出：张三

3. 原型链的查找机制

当我们要访问一个对象的属性或方法时，JavaScript引擎首先会在对象本身的属性和方法中查找，如果没有找到，则会沿着原型链向上查找。具体来说，查找过程如下：

查找对象本身的属性和方法；

如果未找到，则查找对象的原型（即构造函数的prototype属性）上的属性和方法；

如果仍未找到，则继续查找原型的原型，直到找到Object.prototype；

如果Object.prototype中也没有找到，则返回undefined。

4. 原型链的修改

我们可以通过修改原型对象来影响所有基于该原型创建的对象。以下是一个示例：


        function Person() {}
        Person.prototype.name = "张三";
        var person1 = new Person();
        var person2 = new Person();
        Person.prototype.name = "李四";
        console.log(person1.name); // 输出：李四
        console.log(person2.name); // 输出：李四

5. 原型链的破坏

在某些情况下，我们或许需要切断对象与其原型之间的联系。这可以通过设置对象的__proto__属性为null实现：


        function Person() {}
        Person.prototype.name = "张三";
        var person1 = new Person();
        console.log(person1.name); // 输出：张三
        person1.__proto__ = null;
        console.log(person1.name); // 输出：undefined