JavaScript|深入了解JS原型链

原型和原型链是我们面试中的重点和难点!今天大伙们一定要一次把它拿下。

原型prototype

每个函数都有一个prototype属性,它默认指向一个object对象(没有我们定义的属性),即称为原型对象。这里一般讨论构造函数。
其中Objecty也是有原型对象的。
当函数通过构造函数形式调用时,它所创建的对象都有一个隐含的属性:指向构造函数的原型对象,我们可以通过 __proto__ 来访问该属性。
原型对象中还有一个contructor属性,它指向函数对象。
构造函数、实例和原型对象在内存中的关系图1:
构造函数、实例和原型对象在内存中的关系图1
图1对应的伪代码如下:

function Myclass(){
   
	// 函数体
}

var mc = new Myclass() // 创建Myclass的实例mc

console.log(Myclass.prototype) // 控制台中输出Myclass的原型对象

给原型对象添加属性/方法。
原型对象的作用:函数的所有实例对象自动拥有原型中的属性/方法。

显式原型与隐式原型

显式原型:每个函数function都有一个prototype,即显式原型
隐式原型:每个实例对象都有一个__proto__,即隐式原型
下面举例子了解显式原型和隐式原型在代码中所做的事情

function Person(){
    
	// 函数体
}

var boy = new Person(); //创建Person实例boy

在上面代码中,

function Person(){//函数体}的内部语句是 this.prototype = {//函数体}

new Person();的内部语句是 this.__proto__ = Person.prototype;
对象的隐式原型的值为其对应构造函数的显示原型的值。(关键)
进一步细化构造函数、实例和原型对象在内存中的关系图,
构造函数、实例和原型对象在内存

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值