构造函数、原型和原型链

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 (){}的方式。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部