原型与原型链
JavaScript中使用构造函数来新建一个对象的,每一个构造函数的内部都有一个prototype属性,它的属性值是一个对象(也叫做原型对象
),它包含了可以由该构造函数的所有实例共享的属性和方法。
当使用构造函数新建一个对象后,在这个对象的内部将包含一个指针,这个指针会指向构造函数的 prototype属性对应的值,在ES5 中这个指针被称为对象的原型对象。一般来说不应该能够获取到这个值的,但是现在浏览器中都实现了_proto_属性来访问这个属性,但是最好不要使用这个属性,因为它不是规范中规定的。在ES5中新增了一个 Object.getPrototypeof方法,可以通过这个方法来获取对象的原型。
当访问一个对象的属性时,如果对象自身内部不存在这个属性,那么它就会去它的原型对象里找这个属性,这个原型对象又会有自己的原型,于是就会一直找下去,这也就形成了原型链的概念。原型链的尽头一般来说都是Object.prototype,而Object.prototype最终所指向的原型则是null,这也就解释了为什么新建的对象能够使用tostring()等方法的原因。
function fn() {
this.name = 'test';
this.age = 20;
}
var f1 = new fn();
以上代码根据我的理解可以画出下图
fn构造函数的prototype指向fn的原型对象,而f1作为new的实例对象则_proto_指向fn的原型对象,f1原型对象中的constructor则指向对应的构造函数,而fn构造函数以及对应原型对象的_proto_则还会继续指向构造其的原型对象,因此则形成了原型链,在原型链的终点可以看出是null
如何获得对象上非原型链上的属性呢,下面的代码就是了
function iterate(obj){
var res=[];
for(var key in obj){
if(obj.hasOwnProperty(key))
res.push(key+': '+obj[key]);
}
return res;
}