Ext JS学习第八天 Ext基础之认识Ext.js 和Ext-more.js

浏览数：30 / 时间：2015年06月09日

此文来记录学习笔记；

•认识Ext.js 和Ext-more.js

•首先，我们要知道这2个js文件的作用，这俩个文件包含了Ext的一些基础定义、基本的属性和方法，我们要重点学习和深入底层代码进行研究。

•如果所示：API位置

、

•Ext.js方法详解：

–Ext.apply&Ext.applyIf

–Ext.extend

–typeOf

–isEmpty、isIterable、isFunction、isArray...

–Iterate

下面从栗子中看看这些方法是实际使用方法，请看栗子代码吧！

Ext.onReady(function () {

    //----------------------------------------------------------------------------------------------------------------------
    //Ext.js 文件
    //Ext.apply & Ext.applyIf

    //我们先来创建两个对象src与config
    var src = { name: ‘z3‘, age: ‘18‘ }; //源对象
    var config = { name: ‘l4‘, sex: ‘男‘ }; //配置对象
    //Ext.apply就是为对象扩展属性或方法的
    Ext.apply(src, config); // 结果为    name:‘l4‘, age: ‘18‘，sex: ‘男‘ ；我们看到z3被l4给覆盖掉了，感兴趣的童鞋可以阅读一下源码
    //再来看一下applyIf方法吧
    //如果当前对象存在属性,我就不进行copy 如果不存在则copy
    Ext.applyIf(src, config); //结果为 name: ‘z3‘, age: ‘18‘,sex: ‘男‘

    //----------------------------------------------------------------------------------------------------------------------
    //Ext.extend  关于extend前面讲过了，这里就不说了


    //----------------------------------------------------------------------------------------------------------------------
    //Ext.typeOf 和原生的javascript typeof
    var str = ‘abc‘;
    var num = 123;

    Ext.typeOf(str); //结果为 string
    Ext.typeOf(num); // 结果为 number

    //-----------------------------------------------------------------------------------------------------------------------------
    //isEmpty、isIterable、isFunction、isArray... 这里就举一个栗子吧
    //这里就自行查看API吧，

    var arr = new Array(1, 2, 3);

    alert(Ext.isArray(arr)); // 结果为 true

    //--------------------------------------------------------------------------------------------------------------------------

    //Iterate 遍历数组
    Ext.iterate(arr, function (item) {
        alert(item);//1,2,3
    });

    //--------------------------------------------------------------------------------------------------------------------

    //Ext.override  覆盖
        Ext.define(‘User‘,{
            say:function(){
                alert(‘say....‘);
            }        
        });
        var user = Ext.create(‘User‘);
        Ext.override(user,{
            say:function(){
                alert(‘我是覆盖后的say方法..‘);
            }
        });
        user.say();
});