`
smiky
  • 浏览: 257726 次
  • 性别: Icon_minigender_1
  • 来自: 天门
社区版块
存档分类
最新评论

ext继承时问题(区分全局属性)

 
阅读更多

 

这两天遇到个问题,两个对象会共用一份数据,

如下:

Ext.extend(Nts.Window.RaaInterfaceDetailWindow,Ext.Window,

{

interfaceMap : {}

})

这里定义了一个对象,继承自window,它有一个属性interfaceMap且直接给了初始值

以前看过extjs 的继承,可仅仅只是关注了它的原理,没有去想它的属性是怎么给的,今天一看它对属性的给值吓我一跳

Ext.override(sb, overrides),sb相当于Nts.Window.RaaInterfaceDetailWindow,overrides相当于{

interfaceMap : {}

},

也就是说overrides会添加到Nts.Window.RaaInterfaceDetailWindow的prototype中去,这会倒致这里的

interfaceMap : {}相当于全局属性了.

所以上面的定义方式的问题就大了,需要改成这样:

 

Ext.extend(Nts.Window.RaaInterfaceDetailWindow,Ext.Window,

{

interfaceMap : null,

initComponent : function()

{

this.interfaceMap = {};

}

})

这样new出来的对象才不会产生共用属性的问题,千万不要将要释放的资源在属性中初始化

 

 

上面的说法有是错的,资源无法释放是由于使用产生的,不是定义产生的:

 

Ext.extend(Nts.Window.RaaInterfaceDetailWindow,Ext.Window,
{
	interfaceMap : {},
})在prototype中有个属性叫interfaceMap,它的值为{}
与
Ext.extend(Nts.Window.RaaInterfaceDetailWindow,Ext.Window,
{
	interfaceMap : null,
	initComponent : function()
	{
		this.interfaceMap = {};
	}
})prototype中有interfaceMap=null,new对象时,对象本身的interfaceMap={}会覆盖prototype中的interfaceMap
this.interfaceMap = {};相当于新的对象的interfaceMap 属性覆盖了prototype中的属性,这样每个对象中的interfaceMap 都是不同的
那么是什么原因倒致prototype中的interfaceMap有值了呢?

如果没有使用this.interfaceMap={}给值,而是直接this.interfaceMap['a']='a'会怎么样?这个时候对象本身是没有interfaceMap属性的,它会跑到prototype中找到interfaceMap,并给它的属性给值,这样所有对象都会使用这个全局的interfaceMap

 

 

 

 

 

分享到:
评论

相关推荐

    ext继承重写

    当你创建一个新的类并声明它`extend`另一个类时,新类将自动获取父类的所有属性和方法。这使得我们可以基于已有的基础类构建更复杂的组件或功能,无需从头开始编写代码。 例如,在`ext_extends`这个压缩包中,可能...

    Ext继承和扩展

    在这个例子中,`MyCustomPanel`继承了`Ext.Panel`的所有属性和方法,并且我们还添加了一个新的构造函数和`customMethod`。 **二、Ext扩展** ExtJS中的"扩展"通常指的是`Ext.override()`方法,它用于给现有的类添加...

    Ext继承分析

    当我们调用`Ext.extend(C, S, {s1: "by c overload"})`时,`C`就继承了`S`的所有原型属性,包括`s`和`s1`。然而,`s1`被子类中指定的对象属性覆盖,所以当我们访问`c.s1`时,输出的是"by c overload",而不是原始的...

    Ext继承--Ext自定义组件的书写方式

    目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...

    Ext常用属性总结

    本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...

    Ext.form表单中各种属性应用详解

    **Ext.form.DateField** 是一个日期选择器,继承自 **Ext.form.TriggerField**,专门用于日期的选择和输入。 - **altFormats**: 类型为 `String`,定义用于解析用户输入的其他日期格式,默认为 `'m/d/Y|m-d-y|m-d-Y...

    Ext继承和扩展写的例子。

    通过`Ext.extend`方法,我们可以创建一个新类,这个新类将继承一个已存在的类的所有属性和方法。例如,如果你想要创建一个新的表单字段,你可以让这个字段类继承自`Ext.form.field.Base`。 ```javascript Ext....

    Ext-window属性

    当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号...

    Ext、Ext4中各个组件、属性、方法详解

    Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料

    EXT dojochina Ext类继承.rar

    2. **配置对象**:EXTJS允许在创建实例时使用配置对象,这可以用来指定实例的属性、事件监听器和方法。这种方式可以在不修改原有类的基础上为对象添加定制行为。 3. **mixins**:EXTJS支持混入(mix-in)机制,允许...

    EXT dojochina Ext类实例属性.rar

    EXT dojochina Ext类实例属性是一个关于EXT框架在JavaScript中的使用的主题,主要涉及EXT库中的类和实例属性。EXT是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件和布局管理,使得Web应用...

    ext 继承(extend) 理解练习

    当我们尝试访问对象的一个属性时,如果该属性不存在,JavaScript会沿着原型链向上查找,直到找到该属性或者到达原型链的顶端(即`null`)。 `extend`的基本实现可能如下: ```javascript function extend(child, ...

    ext面向对象和继承

    EXTJS中的继承是通过`Ext.extend()`或`Ext.createByAlias()`实现的。继承允许子类重写或扩展父类的方法和属性。例如,我们可以创建一个新的按钮类,继承自EXTJS的`Ext.button.Button`: ```javascript MyButton = ...

    Ext常用属性总结.doc

    在开发基于Ext JS框架的应用程序时,了解并熟练掌握其核心组件的属性是非常重要的。本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext JS简介 Ext JS是一款...

    EXT dojochina Ext类静态方法.rar

    - `Ext.applyIf()`: 类似于`Ext.apply()`,但只有当目标对象没有指定属性时,才会从源对象复制属性。 - `Ext.Array.from()`: 用于将各种类型的输入转换为数组,方便处理集合数据。 4. **静态方法的使用场景**:...

    ext2文件扩展属性讲解[借鉴].pdf

    EXT2文件系统是Linux操作系统中广泛使用的文件系统之一,它具有丰富的安全特性,其中包括扩展属性(attribute)。这些属性为系统管理员提供了额外的控制手段,以增强文件和目录的安全性及完整性。本文主要介绍EXT2...

    ext.net常见问题收集

    当需要在一个EXT.NET的`Window`组件中加载外部网页时,可以通过设置`autoLoad`属性来实现。例如,可以通过JavaScript动态设置`url`属性,如`Window2.autoLoad.url = ...

    在windows下使用Ext2Fsd访问EXT4分区

    这对于排查访问EXT4分区时遇到的问题非常有帮助。 5. **兼容性**:Ext2Fsd支持多种版本的Windows,包括Windows XP、Vista、7、8、10及更高版本,使得大多数Windows用户都能使用它来访问EXT4分区。 **安装和使用Ext...

    Ext的gridpanel控件二次加载问题

    总之,解决Ext的gridpanel控件二次加载时丢失的问题需要对Ext JS的生命周期管理有深入的理解,并结合实际应用场景选择合适的策略。无论是使用全局变量还是优化加载机制,关键在于确保GridPanel实例和数据的正确管理...

Global site tag (gtag.js) - Google Analytics