JavaScript原型链
在学习原型链之前,我们先来了解一个问题new操作符都干了什么?
var obj = {}; //创建了一个空对象obj
obj.__proto__ = Base.prototype; //将空对象的__proto__成员指向了Base函数对象prototype成员对象
Base.call(obj); //我们将Base函数中this上的成员赋值给obj
其实new 操作符就干了三件事,分别为新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象。
下面让我们了解一下什么是原型链:
每个对象都可以有一个原型_proto_,这个原型还可以有它自己的原型,以此类推,形成一个原型链。查找特定属性的时候,我们先去这个对象里去找,如果没有的话就去它的原型对象里面去,如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上,这个就是我们所说的原型链。我们先来看一张图来了解一下原型链。
原型链都有哪些指针:
我们知道了原型的概念,接下来我们分析一下原型的指针;构造函数里面有两个属性: _proto_
和 *prototype
* , 先说说prototype:
prototype:
prototype属性,它是函数所独有的,所有函数都有一个prototype
指针,它是从一个函数指向一个对象。它的含义是函数的原型对象,也就是这个函数所创建的实例的原型对象; 这个属性是一个指针,指向一个对象,这个对象的用途就是包含所有实例共享的属性和方法 ; 其实简而言之:prototype指针的意义是,当我们使用这个构造函数new出新对象的时候,知道新对象的原型是谁。
__proto__
:
__proto__
每个对象都有,JavaScript在new一个对象的时候,会将它的__proto__
指向构造函数的prototype
指向的那个对象。,换句话说就是指向构造函数的原型对象,它是对象独有的。注意,构造函数也有这个属性呢,因为在JavaScript的宇宙里万物皆对象,包括函数;
根据概念我们能知道,上图的Foo构造函数_proto_
指向的是他的构造函数的原型对象,它的构造函数是Function, 也就是说Foo的_proto_
指向Function.prototype
, 我们再看到F函数的_proto_
指像的是Foo.prototype
,因为他们是通过 new Foo实例化出来的,它们的构造函数就是Foo()
, 即F._proto_ = Foo.prototype
; 接下来Function.prororype
,它的_proto_
指针指向的是Object.prototype,Object._proto_
又为null.。
于是我们就可知:在原型链中的指向是,函数 → 构造行数 → Function.prototype
→ Object.protype
→ null
;
constructor:
每个函数都有一个原型对象,该原型对象有一个constructor指针,指向创建对象的函数本身。
此外,我们还可以使用constructor
属性,所有的实例对象都可以访问constructor
属性,
由于constructor
属性仅仅是原始构造函数的引用,因此我们可以使用该属性创建新的对象。
总结:
-
__proto__
是原型链查询中实际用到的,它总是指向prototype
;__proto__
是查找某函数或对象的原型链方式 -
prototype
是函数所独有的,在定义构造函数时自动创建,它总是被__proto__
所指。prototype
属性可以给函数和对象添加可继承的方法、属性。 -
constructor
这个属性包含了一个指针,指回原构造函数。 -
所有对象都有
__proto__
属性,函数这个特殊对象除了具有__proto__
属性,还有特有的原型属性prototype
。prototype
对象默认有两个属性,constructor
属性和__proto__
属性。