此文来记录学习笔记;
•认识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();
});
今天就到这里,明天继续;每天进步一点点
给各位推荐个文章网www.fishcmonkey.com,学习之余提高文学修养;