关于原型、原型链的讲解

prototype 显示原型

每个函数都一个 prototype,指向它的原型对象。

__proto__ 隐式原型

此属性存在于其实例上,__proto__ 指向构造函数的原型对象。

(1)对于普通函数

也有 __proto__ ,指向的 Function.prototype,实际上还是用 Function 构造函数,来创建函数的实例

const a = function (name){

console.log(`${name}`)

}

等同于

const a =new Function('name','console.log(`${name}`)')

a.__proto__ ==  Function.prototype

(2) 对于构造函数

构造函数同样说到底还是函数,其实 还是Function 构造函数的 的实例

比如:

function Person(){

}

function Object (){

}

Person.__proto__== Object.__proto__==Function.prototype    // true

Person 中的prototype  指向  Person.prototype  (原型对象)

Object中的prototype  指向  Object.prototype (原型对象)

原型对象中 还有一个constructor 属性 ,它指向 构造函数本身

比如:

Person.prototype.constructor ==  Person

Object.prototype.constructor == Object

(3)对于构造函数的 实例对象

: 实例对象的原型 指向  构造函数的原型对象

比如:

const a1 =new Person()

const b1 = new Object()

a1.__proto__  == Person.prototype    //true

b1.__proto__  == Object.prototype  //true

(4)原型对象

原型对象 ,本质说到底 还是对象, 他也是通过 new Object () 来创建的

所以呢? 原型对象实则还是 Object的实例,实例则有__proto__ ,指向Object的原型对象

比如:

function  Person (){

}

Person.prototype.__proto__ == Object.prototype  //true

(5)原型链

什么是原型链? 简单点来讲 ,就是__proto__ 的路径,即为原型链

比如:

function Person (){}

const a = new Person()

a.__proto__  指向 Person.prototype

Person.prototype.__proto__  指向 Object.prototype

Object.prototype.__proto__  指向null

a.__proto__  ==>Person.prototype

Person.prototype.__proto__ ==>Object.prototype

终点 即为 null

Object.prototype__proto__===>null

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值