这两天遇到个问题,两个对象会共用一份数据,
如下:
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
分享到:
相关推荐
当你创建一个新的类并声明它`extend`另一个类时,新类将自动获取父类的所有属性和方法。这使得我们可以基于已有的基础类构建更复杂的组件或功能,无需从头开始编写代码。 例如,在`ext_extends`这个压缩包中,可能...
在这个例子中,`MyCustomPanel`继承了`Ext.Panel`的所有属性和方法,并且我们还添加了一个新的构造函数和`customMethod`。 **二、Ext扩展** ExtJS中的"扩展"通常指的是`Ext.override()`方法,它用于给现有的类添加...
当我们调用`Ext.extend(C, S, {s1: "by c overload"})`时,`C`就继承了`S`的所有原型属性,包括`s`和`s1`。然而,`s1`被子类中指定的对象属性覆盖,所以当我们访问`c.s1`时,输出的是"by c overload",而不是原始的...
目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...
本文将深入探讨"Ext常用属性总结"这一主题,帮助开发者更好地理解和利用ExtJS的特性。 首先,让我们了解几个基本的ExtJS概念。`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。...
**Ext.form.DateField** 是一个日期选择器,继承自 **Ext.form.TriggerField**,专门用于日期的选择和输入。 - **altFormats**: 类型为 `String`,定义用于解析用户输入的其他日期格式,默认为 `'m/d/Y|m-d-y|m-d-Y...
通过`Ext.extend`方法,我们可以创建一个新类,这个新类将继承一个已存在的类的所有属性和方法。例如,如果你想要创建一个新的表单字段,你可以让这个字段类继承自`Ext.form.field.Base`。 ```javascript Ext....
当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号...
Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料
2. **配置对象**:EXTJS允许在创建实例时使用配置对象,这可以用来指定实例的属性、事件监听器和方法。这种方式可以在不修改原有类的基础上为对象添加定制行为。 3. **mixins**:EXTJS支持混入(mix-in)机制,允许...
EXT dojochina Ext类实例属性是一个关于EXT框架在JavaScript中的使用的主题,主要涉及EXT库中的类和实例属性。EXT是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件和布局管理,使得Web应用...
当我们尝试访问对象的一个属性时,如果该属性不存在,JavaScript会沿着原型链向上查找,直到找到该属性或者到达原型链的顶端(即`null`)。 `extend`的基本实现可能如下: ```javascript function extend(child, ...
EXTJS中的继承是通过`Ext.extend()`或`Ext.createByAlias()`实现的。继承允许子类重写或扩展父类的方法和属性。例如,我们可以创建一个新的按钮类,继承自EXTJS的`Ext.button.Button`: ```javascript MyButton = ...
在开发基于Ext JS框架的应用程序时,了解并熟练掌握其核心组件的属性是非常重要的。本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext JS简介 Ext JS是一款...
- `Ext.applyIf()`: 类似于`Ext.apply()`,但只有当目标对象没有指定属性时,才会从源对象复制属性。 - `Ext.Array.from()`: 用于将各种类型的输入转换为数组,方便处理集合数据。 4. **静态方法的使用场景**:...
EXT2文件系统是Linux操作系统中广泛使用的文件系统之一,它具有丰富的安全特性,其中包括扩展属性(attribute)。这些属性为系统管理员提供了额外的控制手段,以增强文件和目录的安全性及完整性。本文主要介绍EXT2...
当需要在一个EXT.NET的`Window`组件中加载外部网页时,可以通过设置`autoLoad`属性来实现。例如,可以通过JavaScript动态设置`url`属性,如`Window2.autoLoad.url = ...
这对于排查访问EXT4分区时遇到的问题非常有帮助。 5. **兼容性**:Ext2Fsd支持多种版本的Windows,包括Windows XP、Vista、7、8、10及更高版本,使得大多数Windows用户都能使用它来访问EXT4分区。 **安装和使用Ext...
总之,解决Ext的gridpanel控件二次加载时丢失的问题需要对Ext JS的生命周期管理有深入的理解,并结合实际应用场景选择合适的策略。无论是使用全局变量还是优化加载机制,关键在于确保GridPanel实例和数据的正确管理...