对javascript 中(prototype, __proto__, constructor)的理解
一. 引言:javascript 中万物皆对象,只不过对象分为两种普通对象和函数对象,理解这个是前提(prototype, __proto__, constructor)就是围绕这个开展的。
举例说明:
o1 o2 o3 为普通对象,f1 f2 f3 为函数对象, 因为原型都是通过new Function()构造出来的对象,其中 Object 比较特殊是函数对象即 var object = new Object(); 原型也是通过 new Function(); 创建的对象。
二. 原型对象
在javascipt中每定义一个函数对象的时候都会在其内部预定义一个 prototype属性,每定义一个普通属性的时候都会在其内部预定义一个__proto__属性 前面我们说过在javascript 中万物皆属性所以在函数对象中也会内置一个__proto__属性反过来在普通对象中却没有prototype属性。
原型对象其实就是普通对象(Function.prototype除外,它是函数对象,但它很特殊,他没有prototype属性(前面说道函数对象都有prototype属性)
所以 f1.prototype === new f1(); 就是在f1创建的时候,创建了一个它的实例对象并赋值给它的prototype。所以,Function.prototype为什么是函数对象就迎刃而解了,上文提到凡是new Function ()产生的对象都是函数对象,所以temp1是函数对象。var temp1 = new Function (); Function.prototype = temp1。
那原型对象是用来做什么的呢?主要作用是用于继承。举了例子:
var person = function(name){
this.name = name
};
person.prototype.getName = function(){
return this.name;
}
var test = new person(‘Code_Nice’);
test.getName();
从这个例子可以看出,通过给person.prototype设置了一个函数对象的属性,那有person实例(例中:test)出来的普通对象就继承了这个属性。具体是怎么实现的继承,就要讲到下面的原型链了。
三.原型链
JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。 console.log(test.__proto__ === person.prototype) //true
同样,person.prototype对象也有__proto__属性,它指向创建它的函数对象(Object)的prototype
console.log(person.prototype.__proto__ === Object.prototype) //true
继续,Object.prototype对象也有__proto__属性,但它比较特殊,为null
console.log(Object.prototype.__proto__) //null
疑点解释:
1.Object.__proto__ === Function.prototype // true
Object是函数对象,是通过new Function()创建,所以Object.__proto__指向Function.prototype。
2.Function.__proto__ === Function.prototype // true
Function 也是对象函数,也是通过new Function()创建,所以Function.__proto__指向Function.prototype。
3.Function.prototype.__proto__ === Object.prototype //true
Function.prototype是个函数对象,理论上他的__proto__应该指向 Function.prototype,就是他自己,自己指向自己,没有意义。
JS一直强调万物皆对象,函数对象也是对象,指向Object.prototype。Object.prototype.__proto__ === null,保证原型链能够正常结束。
我们把这个有__proto__串起来的直到Object.prototype.__proto__为null的链叫做原型链。如下图: