JavaScript 的 原型和原型链

版权声明:lie_sun版权所有 https://blog.csdn.net/weixin_43260760/article/details/84817362

在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),这就是原型链
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43260760/article/details/84817362
今日推荐