JS系列-原型链问题

原型与原型链

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;
}