此文用来记录学习笔记;
•ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascript书籍,恶补一番。推荐书籍《javascript高级程序设计》、《javascript设计模式》。
•在这里我们学习一下可能你从未接触过的javascript,这些javascript知识是我们要学好ExtJS这个框架非常有必要的、必备的知识。我们需要掌握的内容有:
–javascript之数据类型、变量、变量操作符javascript之数组
–javascript之函数
–javascript之对象、面向对象
–javascript之原型
•javascript之数据类型:
•javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。
–number:就是数字值,包括整数、小数、NaN、正负无穷。
–string:字符串类型、单双引号引起来的内容。
–boolean:true、false
–object:表示所有的javascript对象,不用多说
–function:我们熟悉的方法,也就是函数类型,是javascript特有的数据类型。
–undefined:表示变量声明了但是并没有被赋值。
•javascript之变量:
•javascript声明变量用var关键字+name表示。
•javascript变量是弱变量类型,所谓的弱变量类型其实就是根据赋值决定变量的类型。
•javascript变量分为全局变量和局部变量,所有在方法里声明的变量,都是局部变量,在方法外声明的变量都是全局变量。
•javascript之运算操作符:
•javascript里运算符和java基本一样,typeof 操作符是判断数据类型的操作符,非常的实用。
•javascript之数组
–数组是javascript里最常用的对象了,它类似于java里的容器,可以承装不同类型的元素,容器的长度也可以任意。数组操作非常灵活,且里面有很多常用的方法。
–push、pop
–shift、unshift
–splice、slice
–concat、join
–sort、reverse
–ECMA5也对Array扩展了很多实用的方法,比如forEach、filter、some等..
附上栗子代码
1 Ext.onReady(function () { 2 3 //Number/String/Boolean/Object/Undefined/Function javascript 的6种数据类型 4 5 //Number 数字类型 6 var num1 = 10 ; 7 var num2 = 10.5 ; 8 var num3 = .6 ; // 0.6 9 var num4 = 070 ; // 十进制 56 10 var num5 = 1/0 ; // 表示正正无穷 11 var num6 = window.parseInt("dasdsdsadsad"); //NaN not a number 12 13 //String 单双引号表示的字符串 14 //Boolean true/false 15 16 //Object 对象类型 17 var date = new Date(); 18 var arr = new Array(); 19 var obj = {name:‘bjsxt‘ , age:10}; 20 alert(obj.hasOwnProperty(‘name‘));//判断 name 是否是obj的属性 21 var result = obj.toSource();//返回(name:‘bjsxt‘ , age:10) string类型 22 alert(typeof result);// string 类型 (name:‘bjsxt‘ , age:10) 23 //ECMA5 24 25 26 //Undefined 变量声明了 但是并没有被赋值 其实也等同于Null 27 var a ; 28 alert(a);// Undefined 29 alert(undefined == null);// true 30 alert(typeof null); //表示的就是一个空对象的引用 31 32 //Function 33 function fun(){ 34 console.info(‘fun...‘); 35 } 36 alert(typeof fun);//Function 类型 37 38 //变量:全局 和局部 两种类型 39 //javascript 更不建议使用全局变量 (查找的时候效率比较低、大型程序开发时不安全) 40 var a = 10 ; 41 var a = ‘string‘; 42 alert(a);//‘string ‘ 43 alert(typeof a);// string类型 44 45 //Array 46 var arr = [10, 21, 35, 32, 18]; 47 arr.forEach(function(item){// 便利数组 48 alert(item); 49 }); 50 51 var newarr = arr.filter(function(item){// 筛选出数组中大于20的项,返回新的数组 52 if(item >20){ 53 return true ; 54 } else { 55 return false ; 56 } 57 }); 58 alert(newarr); 59 });
学习之余可到这里www.fishcmonkey.com欣赏美文,提高一下文学修养
Ext JS学习第二天 我们所熟悉的javascript(一),布布扣,bubuko.com