关于function原型对象prototype的思考
程序员文章站
2022-07-14 17:20:39
...
今天在工作中碰到个很奇怪问题。
Ext.grid.GridView.prototype.templates的值一直随着对象改变。
首先是自己在js中对gridview的默认模板进行外部修改
而Ext.grid.GridView在initTemplates的时候,首先判断是否存在,不存在则创建空对象
之后对ts进模板初始化
造成结果是
后做几个小试验
//直接对prototype中的value的属性进行操时。
//不对prototype中的value中的属性直接操作时。
再延伸一下,ext中的javascript继承(Ext.extend),也是依靠prototype实现的。
要实现继承,最最基础的两个问题是:
1.父类方法、属性更改,子类所有属性也修改。
2.子类方法、属性更改,父类不更改。
ext这几句代码,就是extend实现的精华。
Ext.grid.GridView.prototype.templates的值一直随着对象改变。
首先是自己在js中对gridview的默认模板进行外部修改
Ext.grid.GridView.prototype.templates.cell=/*code*/
而Ext.grid.GridView在initTemplates的时候,首先判断是否存在,不存在则创建空对象
var ts=this.templates||{}
之后对ts进模板初始化
ts.hcell==... ts.master=...
造成结果是
var d=new Ext.grid.GridView({}) //d根据参数初始化模板 var e=Ext.grid.GridView({}) //e根据参数初始化模板的时候,由于上述原因,发现模板已经存在,则不创建 //最后d,e两个view配置参数完全不同,却用同一套模板,造成许多错误。
后做几个小试验
//直接对prototype中的value的属性进行操时。
var func_a=function(){}; func_a.prototype.value={x:10,y:20} var obj_a=new func_a(); var obj_b=new func_a(); obj_a.value.x=100 alert(obj_b.value.x) //结果为100 alert(func_a.prototype.value.x ) //结果也为100 //结论,这种方式去运用prototype中的对象,是直接操作protoype的对象引用,并非每个对象独立对象属性
//不对prototype中的value中的属性直接操作时。
var func_a=function(){}; func_a.prototype.value=10 var obj_a=new func_a(); var obj_b=new func_a(); obj_a.value=100 alert(obj_b.value) //结果仍为10 alert(func_a.prototype.value ) //结果也为10 func_a.prototype.value.x=0; alert(obj_a.value) //结果仍为100 alert(obj_b.value) //结果为0 //结论,这种方式去运用prototype中的对象,做法比较特别,首先如果对象未更改过基础类型的属性的值,那么仍然与“父类”指向同一个地址,如果“父类”通过“=”赋值,那么修改的是prototype地址中的值,而对象通过“=”赋值,则应为值拷贝。(解释为何obj_b值与func_a相同,而obj_a却不改变), //再将value换成任何对象,结果一样,prototype.value不管指向任意对象,对应条件的obj_a,obj_b均跟随
再延伸一下,ext中的javascript继承(Ext.extend),也是依靠prototype实现的。
要实现继承,最最基础的两个问题是:
1.父类方法、属性更改,子类所有属性也修改。
2.子类方法、属性更改,父类不更改。
//ext是这样做的 extend:function(subClass,superClass,overrides) { var F=function(){}; F.prototype=superClass.prototype; subClass.prototype=new F(); // 将overrides拷贝到subClass的prototype中 //这样做,根据之前对protoype的研究, “父类”修改,所有“子类”修改,因为 subClass.prototype相当于new superClass(),如果subClass.prototype一经修改,那么就脱离了superClass.prototype对其控制,所以不会影响到“父类”。 如果superClass.prototype进行修改,那么所有此“类”创造的对象,只要没有单独赋值,那么都会跟随“父类”一起更改。 }
ext这几句代码,就是extend实现的精华。
上一篇: java基础种种
下一篇: 从实践中体会用例建模
推荐阅读
-
js使用原型对象(prototype)需要注意的地方
-
关于ORACLE通过file_id与block_id定位数据库对象遇到的问题引发的思考
-
ExtJs--09--javascript对象的方法的3种写法 prototype通过原型设置方法效率最好
-
关于function原型对象prototype的思考
-
关于function原型对象prototype的思考
-
关于对象头引发的思考,对象在内存中是如何存储的
-
AJPFX:关于面向对象及java的一些机制的思考
-
关于面向对象设计的一些思考
-
关于Function原型对象和Object原型对象的一些疑惑
-
关于Javascript 对象(object)的prototype_javascript技巧