Ext JS学习第二天 我们所熟悉的javascript（一）

此文用来记录学习笔记；

•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等..

附上栗子代码

Ext.onReady(function () {

    //Number/String/Boolean/Object/Undefined/Function   javascript 的6种数据类型

    //Number 数字类型
        var num1 = 10 ;
        var num2 = 10.5 ;
        var num3 = .6 ;        // 0.6
        var num4 = 070 ;    // 十进制 56
        var num5 = 1/0 ;    // 表示正正无穷
        var num6 = window.parseInt("dasdsdsadsad");        //NaN not a number

    //String 单双引号表示的字符串
    //Boolean true/false

    //Object 对象类型
        var date = new Date();
        var arr  = new Array();
        var obj  = {name:'bjsxt' , age:10};
    alert(obj.hasOwnProperty('name'));//判断 name 是否是obj的属性
    var result = obj.toSource();//返回（name:'bjsxt' , age:10）  string类型
    alert(typeof result);// string 类型 （name:'bjsxt' , age:10）
    //ECMA5


    //Undefined 变量声明了 但是并没有被赋值  其实也等同于Null
    var a ;
    alert(a);// Undefined
    alert(undefined == null);// true
    alert(typeof null);    //表示的就是一个空对象的引用

    //Function
        function fun(){
            console.info('fun...');
        }
        alert(typeof fun);//Function 类型

    //变量:全局 和局部 两种类型
    //javascript 更不建议使用全局变量 (查找的时候效率比较低、大型程序开发时不安全)
        var a = 10 ;
        var a = 'string';
        alert(a);//'string '
        alert(typeof a);// string类型

    //Array 
    var arr = [10, 21, 35, 32, 18];
        arr.forEach(function(item){// 便利数组
            alert(item);
        });    

        var newarr = arr.filter(function(item){// 筛选出数组中大于20的项，返回新的数组
            if(item >20){
                return true ; 
            } else {
                return false ; 
            }
        });
        alert(newarr);
});

 

学习之余可到这里www.fishcmonkey.com欣赏美文，提高一下文学修养