手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js constructor的实际作用分析
js constructor的实际作用分析
摘要:复制代码代码如下:Function.prototype.createInstance=function(){varT=function(){...

复制代码 代码如下:

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

说下上面代码里面 T.constructor = this这句话,我感觉这句话没有什么实际作用,

本身T.constructor应该是为Funtion,为什么要给它设定为Funtion的实例呢,

复制代码 代码如下:

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

还有上面这句代码,我自己加了1句,修正了子类构造器依然指向子类函数,但是对象的原型链的回朔不能到达父类原型,解决办法是

去掉this.prototype.constructor=this;既不给原型设置constructor属性,而是给实例设置一个constructor属性,如下代码

复制代码 代码如下:

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

最后分析下constructor的实际作用

复制代码 代码如下:

<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的作用就是维护对象的原型链

向果果和winter赐教一下,不知理解的是否正确哈,另外我看大家常说的原型的污染到底指的是什么??

作用的话下面这个或许可以说明

复制代码 代码如下:

<script>

var f = function(x){}

f.prototype={};

alert((new f).constructor);

f.prototype.constructor=f;

alert((new f).constructor);

</script>

【js constructor的实际作用分析】相关文章:

JavaScript中Cookies的相关使用教程

Javascript类型转换的规则实例解析

javascript中动态函数用法

JavaScript中for循环的使用详解

javaScript中push函数用法实例分析

javascript获取select值的方法分析

javascript带回调函数的异步脚本载入方法实例分析

JavaScript实现Iterator模式实例分析

JavaScript中的函数嵌套使用

Javascript节点关系实例分析

精品推荐
分类导航