`

extjs中apply和applyIf

阅读更多

apply

 

 

方法的签名

 

apply( Object obj, Object config, Object defaults ) : Object

 

参数说明

 

第一个参数是要复制的目标对象;第二个参数是复制的源对象;第三个参数是默认源对象,第三个参数是可选的,意味着如果第三个参数有值,则将第三个参数也复制到目标对象中

 

apply实例

 

下面的代码中,Ext.apply(b2,b1)这一语句把b1的属性拷贝到了b2对象中,因此调用b2的f1方法可以弹出"p2 value"的提示信息。尽管b2对象已经包含了p2属性值,但拷贝后该属性值会被覆盖。
 
var b1={ p1:"p1 value", p2:"p2 value", f1:function(){alert(this.p2)}};
 

var b2=new Object();
 

b2.p2="b2 value";
 

Ext.apply(b2,b1);

b2.f1();
 
 

applyIf

 

 

功能跟apply一样,只是不会拷贝那些在目标对象及源对象都存在的属性。

 

 

applyIf实例:

比如把前面演示apply方法的代码改成applyIf,如下:

 

Ext.applyIf(b2,b1);b2.f1();

 

由于b2中已经存在了p2属性,因此,b2.f1()方法中引用this.p2的时候,得到的是"b2 value",而不是在b1中定义的"p2 value"。

 

 

 

 

参考资料:      extjs中apply和applyIf的用法       http://www.studyofnet.com/news/192.html

分享到:
评论

相关推荐

    EXTJS4自学手册

    EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS4自学手册——EXT对象选择 二 Extjs 数据组件 EXTJS4自学手册——...

    ExtJs 中文文档

    - **Ext.apply() 和 Ext.applyIf()**:这两个函数用于合并对象。`Ext.apply()` 会覆盖目标对象的属性,而 `Ext.applyIf()` 只会在目标对象没有该属性时添加。 #### 四、消息框 - **提示框**:用于显示简单的消息...

    ExtJs-API中的一些重要的详解文档

    3. **Ext.applyIf()**: 类似于`Ext.apply()`,但只会将`config`中在`obj`中不存在的属性复制过去,避免覆盖已有的属性。 4. **Ext.addBehaviors()**: 这个方法允许你基于CSS选择器为页面元素添加事件监听器。例如,...

    轻松搞定Extjs

    - **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...

    extjs中文教程

    这部分介绍ExtJS面向对象编程(OOP)的基础知识,包括JavaScript类的定义、ExtJS命名空间的使用、ExtJS的类继承、配置选项、以及ExtJS的实用工具函数如Ext.apply()和Ext.applyIf()。这些基础知识点是学习ExtJS的基石...

    extjs核心api详解

    文章最后提到了Ext类的一些常用方法,如addBehaviors、apply、applyIf、decode、destroy、each、encode、escapeRe、extend、fly、get、getBody、getCmp等。这些方法提供了丰富的功能,如事件绑定、对象拷贝、JSON...

    Extjs中文教程

    - **Ext.apply()和Ext.applyIf()** - `Ext.apply()`方法用于合并两个对象,第二个对象中的属性会覆盖第一个对象中同名的属性。 - `Ext.applyIf()`方法同样用于合并两个对象,但只有当第一个对象中没有同名属性时才...

    Extjs中文教程2.x

    **2.5 Ext.apply() 和 Ext.applyIf()** - **Ext.apply()**: 合并多个对象到目标对象中,后者的属性优先。 - **Ext.applyIf()**: 只有当目标对象没有某个属性时才合并。 #### 三、消息框 **3.1 消息框简介** - **...

    Extjs核心api详解

    ### Extjs核心API详解 ...以上介绍的是Extjs核心API中的部分基础类和方法。通过了解这些API,我们可以更高效地使用Extjs开发Web应用程序。接下来的部分将会深入探讨更多高级API,如组件、数据管理等。

    ExtJs中文教程

    - `Ext.apply()`用于合并对象,`Ext.applyIf()`则是在目标对象中不存在属性时才进行合并。 #### 四、消息框使用 1. **消息框概述** - 消息框是用于向用户展示信息或请求输入的一种方式。 2. **提示框** - 最基本...

    Ext-JS框架中文文档

    - **Ext.apply() 和 Ext.applyIf()**: 这两个函数用于合并对象,它们在配置组件时非常有用。 2. **消息框** - **提示框**: 最简单的消息框类型,用于显示简单的提示信息。 - **输入框**: 允许用户输入文本的消息...

    ExtJS 轻松搞定

    #### 五、Ext.apply()和Ext.applyIf() 介绍了ExtJS提供的两个实用函数,用于合并对象或数组,帮助读者理解如何在不覆盖现有属性的情况下更新对象。 ### 第三部分:消息框 #### 一、话说消息框 讲述了消息框在用户...

    ExtJS中文API

    - `applyIf`: 类似于`apply`,但只在`obj`中没有对应属性时才从`config`复制。 - `decode`和`encode`: 这两个方法分别用于JSON序列化和反序列化。`decode`将JSON字符串转换为JavaScript对象,而`encode`则执行相反...

Global site tag (gtag.js) - Google Analytics