js constructor的实际作用分析

　　<script> Function.prototype.createInstance = function(){

　　var T = function(){};

　　T.prototype = this.prototype;

　　T.constructor = this;

　　var o = new T();

　　this.apply(o, arguments);

　　return o;

　　}</script>

　　<script>

　　Function.prototype.$extends = function(p){

　　this.$super = p;

　　var fn = function(){};

　　fn.prototype = p.prototype;

　　this.prototype = new fn();

　　//这句是我自己加的，保证构造出子类实例的constructor依然指向子类的构造器函数

　　this.prototype.constructor=this;

　　//-----------------------------

　　return this;

　　};

　　function Animal(){

　　}

　　function Cat(){

　　}

　　Cat.$extends(Animal);

　　var bb=new Cat();

　　alert(bb.constructor);

　　//但是(this.prototype.constructor=this)这种做法通过bb这个对象无法回朔到Animal的原型

　　//下面语句依然返回Cat这个函数，而不是Animal

　　alert(bb.constructor.prototype.constructor)

　　</script>

　　<script>

　　Function.prototype.$extends = function(p){

　　this.$super = p;

　　var fn = function(){};

　　fn.prototype = p.prototype;

　　this.prototype = new fn();

　　return this;

　　};

　　function Animal(){

　　}

　　function Cat(){

　　this.constructor= arguments.callee;

　　}

　　Cat.$extends(Animal);

　　var bb=new Cat();

　　alert(bb.constructor);

　　//这种做法可以通过bb这个对象回朔到Animal的原型

　　alert(bb.constructor.prototype.constructor)

　　</script>

　　<script>

　　//定义函数

　　var f=function(){

　　}

　　//这里显示true,因为f的构造器是Funtion,f内部的原型属性_proto_被赋值为构造器的prototype也就是Function的prototype

　　//instanceof检查f内部的_proto_是否与Function.prototype有共同的结点,如果有则返回true

　　alert(f instanceof Function)

　　//obj是f的实例

　　var obj=new f;

　　//obj内部的原型属性_proto_在new f时被赋值为f.prototype,显然f.prototype与Function.prototype没有共同的结点，因此显示false

　　alert(obj instanceof Function)

　　//为了让obj成为Function的实例也就是(obj instanceof Function)显示true

　　//只需要f.prototype=Function.prototype

　　f.prototype=Function.prototype;

　　//但是我不推荐上面这种做法,因为对f.prototype的修改会破坏了Function.prototype，例如f.prototype.name="51js"会给Function的原型也加上1个name属性

　　//正确的做法应该是下面这样,这样诸如f.prototype.name的修改就不会破坏Function的原型了

　　f.prototype=new Function();

　　f.prototype.name="zhouyang";

　　/**关键是这里,再次调整constructor属性为f,维护constructor这种做法是为了保证obj能够正确回朔原型链,

　　*假如我们要获取obj内部的原型链,但只知道obj,不知道obj是怎么实例化来的，由于obj内部的_proto_属性不可见，那么我们要获取obj内部原形只能通过obj.constructor来获取构造器，然后再获取构造器的prototype

　　*1.如果我们加下面这句（f.prototype.constructor=f），回朔obj原型链

　　*只能回朔1层原型链也就是obj.constructor.prototype（子类原型）-->obj.constructor.prototype.constructor.prototype(依然是子类原型),这样只能回朔1层原型链

　　**/

　　f.prototype.constructor=f;

　　obj=new f;

　　alert("找到子类了---"+obj.constructor+"\n"

　　+"找到的还是子类，无法找到父类---"+obj.constructor.prototype.constructor)

　　alert(obj instanceof Function)

　　/**2.如果我们用下面的方法在f定义里设置f的实例的constructor,而不是f原型的constructor

　　*就可以回朔2层原型链也就是 obj.constructor.prototype（子类原型）-->obj.constructor.prototype.constructor.prototype(父类原型)

　　*显然这种情况是符合对象原型继承链的情况的

　　*/

　　f=function(){

　　this.constructor=arguments.callee;

　　}

　　f.prototype=new Function();

　　f.prototype.name="zhouyang";

　　obj=new f;

　　alert("找到子类了---"+obj.constructor+"\n"

　　+"找到父类了---"+obj.constructor.prototype.constructor)

　　alert(obj instanceof Function)

　　</script>

　　<script>

　　//定义函数

　　var f=function(){

　　}

　　//这里显示true,因为f的构造器是Funtion,f内部的原型属性_proto_被赋值为构造器的prototype也就是Function的prototype

　　//instanceof检查f内部的_proto_是否与Function.prototype有共同的结点,如果有则返回true

　　alert(f instanceof Function)

　　//obj是f的实例

　　var obj=new f;

　　//obj内部的原型属性_proto_在new f时被赋值为f.prototype,显然f.prototype与Function.prototype没有共同的结点，因此显示false

　　alert(obj instanceof Function)

　　//为了让obj成为Function的实例也就是(obj instanceof Function)显示true

　　//只需要f.prototype=Function.prototype

　　f.prototype=Function.prototype;

　　//但是我不推荐上面这种做法,因为对f.prototype的修改会破坏了Function.prototype，例如f.prototype.name="51js"会给Function的原型也加上1个name属性

　　//正确的做法应该是下面这样,这样诸如f.prototype.name的修改就不会破坏Function的原型了

　　f.prototype=new Function();

　　f.prototype.name="zhouyang";

　　/**关键是这里,再次调整constructor属性为f,维护constructor这种做法是为了保证obj能够正确回朔原型链,

　　*假如我们要获取obj内部的原型链,但只知道obj,不知道obj是怎么实例化来的，由于obj内部的_proto_属性不可见，那么我们要获取obj内部原形只能通过obj.constructor来获取构造器，然后再获取构造器的prototype

　　*1.如果我们加下面这句（f.prototype.constructor=f），回朔obj原型链

　　*只能回朔1层原型链也就是obj.constructor.prototype（子类原型）-->obj.constructor.prototype.constructor.prototype(依然是子类原型),这样只能回朔1层原型链

　　**/

　　f.prototype.constructor=f;

　　obj=new f;

　　alert("找到子类了---"+obj.constructor+"\n"

　　+"找到的还是子类，无法找到父类---"+obj.constructor.prototype.constructor)

　　alert(obj instanceof Function)

　　/**2.如果我们用下面的方法在f定义里设置f的实例的constructor,而不是f原型的constructor

　　*就可以回朔2层原型链也就是 obj.constructor.prototype（子类原型）-->obj.constructor.prototype.constructor.prototype(父类原型)

　　*显然这种情况是符合对象原型继承链的情况的

　　*/

　　f=function(){

　　this.constructor=arguments.callee;

　　}

　　f.prototype=new Function();

　　f.prototype.name="zhouyang";

　　obj=new f;

　　alert("找到子类了---"+obj.constructor+"\n"

　　+"找到父类了---"+obj.constructor.prototype.constructor)

　　alert(obj instanceof Function)

　　</script>结论constructor的作用就是维护对象的原型链

　　<script>

　　var f = function(x){}

　　f.prototype={};

　　alert((new f).constructor);

　　f.prototype.constructor=f;

　　alert((new f).constructor);

　　</script>