简单理解原型链

本文是自己对原型链的一些粗略理解,希望能帮到各位,如有不正确的地方欢迎评论指正!

原型链

原型对象

  • prototype : 显式原型
  • __ proto__ : 隐式原型
  1. 每个构造函数都有一个 prototype 属性指向这个函数的 原型对象。
  2. 每个实例都会有一个 __proto__ 属性,这个属性会指向该其 构造函数 的 原型对象。
  3. 每个原型对象都有一个constructor属性,指向该关联的构造函数。

构造函数的prototype和其 实例 的__proto__是指向同一个地方,构造函数的原型对象。

        // 构造函数
        function Person(){}

        // 实例化
        let obj = new Person();

        // 实例对象是通过 __proto__来指向 原型对象
        console.log(obj.__proto__ === Person.prototype);  //  true

构造函数也是函数,也是构造函数 Function的实例,所以构造函数也有 __proto__ 属性,指向 构造函数Function 的原型对象

构造函数的原型对象 和 构造函数 Function 的原型对象,它们的本质都是对象,它们的 __proto__ 属性都会指向 构造函数Object 的原型对象。

function Person(){}

console.log(Person.prototype.__proto__ === Object.prototype) // true
console.log(Function.prototype.__proto__ === Object.prototype) // true

Object.prototype其实也有__proto__,指向null,这是原型链的终点

什么是原型链呢?其实说就是:__proto__ 的路径就叫原型链 ,

在这里插入图片描述



instanceof

使用方法: A instanceof B

作用:判断B的prototype是否在A的原型链上

// 构造函数
function Person(name) { 
  this.name = name
}

const person = new Person('菇太帷') // 实例

console.log(Person instanceof Function) // true
console.log(Person instanceof Object) // true
console.log(person instanceof Person) // true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值