JavaScript 的原型和原型链

裂痕中的阳光.ゝ

于 2018-12-05 09:13:05 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 前端文章标签： js 原型原型链

本文链接：https://blog.youkuaiyun.com/weixin_43260760/article/details/84817362

前端同时被 2 个专栏收录

33 篇文章

订阅专栏

JavaScript

24 篇文章

订阅专栏

本文深入探讨JavaScript中的引用类型，如数组、对象和函数，及其如何通过__proto__属性和构造函数的prototype属性形成原型链。通过示例代码，详细解释了当调用对象属性和方法时，JavaScript引擎如何在原型链上进行查找。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中，数组，对象和函数被称为引用类型，他们都有一个__proto__属性，该属性是一个对象（我们称之为隐式原型）
在这里插入图片描述
数组的构造函数是Array，Array构造函数中有一个prototype属性，（我们暂时称之为显式原型）

arr是构造函数的实例对象，arr中的__proto__对象指向构造函数中的prototype对象

demo

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

    Animal.prototype.eat = function () {
        console.log('Animal is eat');
    };

    let dog = new Animal('dog');
    
    console.dir(dog);

dog对象的属性：
在这里插入图片描述
调用dog的属性和方法时，会先从dog本身去查找，如果dog本身没有那个属性或方法，就会去dog的__proto__原型中去查找，而__proto__又指向Animal的prototype（看第二个constructor对象，指向Animal），这就是原型链