构造函数、原型和原型链

1.构造函数

构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员赋初始值,它总与new一起只用。我们可以吧对象中一些属性以及方法抽取出来,然后封装到这个函数里面。

new在执行时会做四件事情:

  • 在内存中创建一个新的空对象
  • 让this指向这个新对象
  • 执行构造函数里面代码,给这个新对象添加属性以及方法
  • 返回这个新对象(所以构造函数里面不需要return)

2.原型 

2.1构造函数原型 prototype

构造函数通过原型分配的函数是对所有对象共享的

JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会呗构造函数所拥有。

我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象实例就可以共享这些方法。

2.2对象原型_proto_

对象都会有一个_proto_指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性及方法,就是因为对象有_proto_原型的存在。

  • _proto_对象原型和原型对象prototype是等价的
  • _proto_对象原型的意义就在于为对象的查找机制提供一个方向,或者说一条路线,但是它是一个非常标准属性,因此实际开发中,不介意使用这个属性,它只是内部指向原型对象prototype

 2.3构造函数、实例、原型对象三者关系

  • 实例就是构造函数new出来的对象,如下图:

 三者关系如下:

 

3.原型链

JavaScript的成员查找机制(规则)

  1. 当访问一个对象属性(包括方法)时,首先查找这个对象自身有没有该属性。
  2. 如果没有就查找它的原型(也就是_proto_指向prototype原型对象)。
  3. 如果还没有就查找原型对象的原型(Object的原型对象)。
  4. 依此类推一直找到Object为止(null)。
  5. _proto_对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条路线

 原型链图实例

原型对象应用,拓展内置对象方法 

 注意:数组和字符串内置对象不能给原型对象覆盖操作 Array.prototype = {} ,只能是Array.prototype.xxx = function (){}的方式。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北木南-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值