原型&&原型链

2021-02-24  本文已影响0人  lovelydong

一、原型

1.所有引用类型都有一个__proto__(隐式原型)属性,属性值是一个普通的对象
2.所有函数都有一个prototype(原型)属性,属性值是一个普通的对象
3.所有引用类型的__proto__属性指向构造函数的prototype

var a = [1,2,3,4,5,6];
a.__proto__ === Array.prototype; // true

二、原型链

当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype__proto__中查找,这样一层一层向上查找就会形成一个链式结构,我们称为原型链

举例,有以下代码

function Parent(month){
    this.month = month;
}

var child = new Parent('dong');

console.log(child.month); // dong

console.log(child.year); // undefined

在child中查找某个属性时,会执行下面步骤

这里写图片描述

访问链路为:

这里写图片描述

①一直往上层查找,直到到null还没有找到,则返回undefined
Object.prototype.__proto__ === null
③所有从原型或更高级原型中的得到、执行的方法,其中的this在执行时,指向当前这个触发事件执行的对象

原文来源:https://blog.csdn.net/xiaoermingn/article/details/80745117

上一篇 下一篇

猜你喜欢

热点阅读