`

【第二胖】(1)EXT.JS文件解析--对象属性的添加和设置

EXT 
阅读更多
/**    
 * 分析CORE---Ext.js 
 */     
     
/**    
 * 第一部分:对象属性的添加和设置    
 */     
Person = {      
    sex : 'woman'// 初始属性设置      
};      
     
Person.applay = function(source, copy, defaults) {      
    if (defaults) {      
        Person.applay(source, defaults)      
    }      
    if (source && copy && typeof copy == 'object') {      
        for (var p in copy) {      
            // alert(p);      
            // p是属性名,通过source[p] = copy[p];
           //对source进行属性的添加和设置。      
       // 如果copy中的属性列表包含有defaults的属性,则source中采用的是copy中的属性和对应的值。      
            source[p] = copy[p];      
        }      
    }      
    return source;      
};      
     
/**    
 * 一、传递的是{}配置列表时    
 */     
// 1、不传defaults的情况      
Person.applay(Person, {      
    name : 'wujinli',      
    age : 26      
});      
// alert(Person.name);// 输出属性名为name的属性值,输出结果:wujinli,也可以用 alert(Person["name"])      
     
// 2、传defaults并且第二个参数的属性列表中不包含第三个参数的属性的情况      
Person.applay(Person, {      
    age : 26      
}, {      
    name : 'wujinli'     
});      
// alert(Person.name);// 输出属性名为name的属性值,输出结果:wujinli,也可以用 alert(Person["name"])      
     
// 3、传defaults并且第二个参数的属性列表中有包含第三个参数的属性的情况      
Person.applay(Person, {      
    name : '丫梨',      
    age : 26      
}, {      
    name : 'wujinli'     
});      
// alert(Person.name);// 输出属性名为name的属性值,输出结果:丫梨,也可以用 alert(Person["name"])      
     
/**    
 * 二、传递的是对象时    
 */     
Child = function() {      
    this.farther = "farther-name";      
    this.mother = "mother-name";      
};      
Person.applay(Person, new Child());      
// alert(Person.farther);
// 输出属性名为farther的属性值,输出结果:farther-name    

 

分享到:
评论

相关推荐

    ext.jsb文件

    "jsb2"可能表示这是第二版的JSB文件格式,或者是针对EXT JS 4.0.2版本的更新。这个文件包含了EXT JS 4的相关元数据,用于Eclipse IDE提供EXT JS 4的智能代码辅助。 在实际开发中,为了使用这个EXT.JSB文件,你需要...

    Ext.JS.4.First.Look_第1版__._Ext.JS.4.First.Look_.Loiane.Groner.文字版

    ### Ext.JS 4.0 第一印象:新特性与迁移指南 #### 一、书籍简介 本书《Ext.JS 4.0 第一印象》由 Loiane Groner 撰写,是一本针对 Ext.JS 4.0 的实用指南。书中详细介绍了 Ext.JS 4.0 的新特性,并提供了从 Ext.JS ...

    Ext.data.Store的基本用法

    这样做会使得`Ext.data.Store`在向服务器请求数据时自动添加`sort`和`dir`参数,从而让服务器端能够根据这些参数进行排序处理。 ```javascript var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({...

    ext.js 源代码解析第二章(.net代码)

    ext.js 源代码解析第二章,主要是关于登录方面的一个解析。

    Ext.ux.Upload.Dialog使用

    在IT行业中,`Ext.ux.Upload.Dialog`是一个用于Ext JS框架的第三方组件,它扩展了标准的对话框(Dialog)功能,提供了文件上传的能力。这个组件通常被用于Web应用程序,以便用户可以方便地向服务器上传文件。下面...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    首先,确保项目中已经包含了 RowEditor 所需的 CSS 和 JS 文件。这些文件通常位于项目的 `examples/ux` 目录下。 1. **引入CSS样式:** ```html <link href="examples/ux/css/RowEditor.css" rel="stylesheet" ...

    ext培训第二讲.doc

    ### EXT培训第二讲知识点 #### 一、EXT简介与环境搭建 **1.1 新建Web工程** 在开始EXT的学习之前,首先需要搭建一个基本的Web开发环境。本章节主要介绍如何创建一个Web项目,并配置必要的EXT资源文件。 **步骤...

    Ext.Viewport布局

    通过`activeTab`属性设置默认显示的第一个标签页索引。 #### 4. 动态内容加载与交互 代码还展示了如何动态加载内容到新的`TabPanel`中。当点击特定链接时,会触发`showNewPanel`函数,该函数根据提供的URL加载新的...

    Ext.ux.UploadDialog

    UploadDialog允许开发者通过配置项自定义其外观和行为,例如改变窗口大小、设置最大上传文件数、更改文件类型过滤规则等,以适应不同项目的需求。 10. **优化和性能** 对于大型项目,考虑到性能和用户体验,可能...

    extjs帮助文档

    #### 一、Ext类(第2页) - **概述**:Ext类是ExtJS的核心基础类之一,它提供了一系列用于简化DOM操作和浏览器兼容性问题的方法。 - **常用方法**: - `Ext.isEmpty(value)`:检查给定值是否为空或未定义。 - `Ext...

    extjs前台分页插件PagingStore!

    2. **分页配置**:在创建PagingStore时,需要设置`autoLoad`属性以决定是否自动加载第一页数据,以及`pageSize`属性来定义每页显示的记录数。 3. **分页栏(Paging Toolbar)**:PagingStore通常与PagingToolbar组件...

    Ext js 批量上传

    Ext JS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。在"Ext js 批量上传"这个主题中,我们主要关注的是如何利用Ext JS 实现文件的批量上传功能,这在Web应用中非常常见,比如图片库、视频分享平台...

    ext3.*画图的例子

    需要在页面头部包含Ext JS库的CSS和JavaScript文件。对于`ext3.*`,这通常包括`ext-all.css`和`ext-all.js`(或者`ext-all-debug.js`用于开发环境)。 3. **编写JavaScript代码**: 使用JavaScript来创建图表实例...

    ext学习文档

    - **第二步,将数据加入到模板中**: 说明了如何将数据绑定到模板中。 - **学习利用模板(Templates)的格式化功能**: 讲解了如何使用EXT的模板系统进行数据格式化。 #### 12. 事件处理 - **非常基础的例子**: 提供...

    extjs实例以及【深入浅出Ext.JS扫描版PDF】

    ExtJS是一种基于JavaScript的开源富客户端框架,用于构建桌面级的Web应用程序。它提供了一套完整的组件模型,包括数据绑定,布局管理,事件处理等,使得开发者能够创建功能丰富的、交互性强的用户界面。深入浅出Ext....

    EXT核心API详解(第一部分)

    1. **Ext类**:EXT JS的核心类库始于`Ext`对象,它提供了许多基础功能,如事件处理、动画效果和实用工具方法。`Ext.ClassManager`负责类的创建和管理,允许开发者定义自定义的可复用组件。`Ext.application`是启动...

    ext动态获取Xml数据并解析信息

    ### ext动态获取XML数据并解析信息 ...通过以上步骤,我们成功实现了使用Java后端动态生成XML数据,并通过Ext JS前端框架进行接收和解析的过程。这种机制非常适合于处理需要实时更新或频繁交互的数据场景。

    Extjs中文教程

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

Global site tag (gtag.js) - Google Analytics