[Javascript 高级程序设计]学习心得记录8 引用类型（下）

昨天讲了基本对象类型和数组类型，今天继续讲RegExp类型，函数类型和基本包装类型。

一，RegExp类型

    这个类型就是正则表达式的类型（不是很准确，暂时先这么理解吧），正好在这把正则表达式再复习一遍。正则表达式格式是 /pattern/flags，其中pattern是匹配用的正则表达式，flags是标志，用以标明正则表达式的行为，有3种：g：全局模式，应用于全部的字符串，而非在发现第一个匹配值时停止。 i：不区分大小写模式匹配。m：多行模式。与其他语言中的正则表达式类似，模式中使用的元字符都需要加转义字符\。而使用RegExp类型时，也是用new，接两个参数，模式和标志，所有模式中使用的元字符都需要加双重转义。

1.正则类型实例属性

    正则类型每个实例都有五个属性，分别表示g,i,m，模式的值和下一次开始搜索的位置。

2.正则类型实例方法

    主要是两个：exec(),test()。exec()接收要匹配的字符串，返回包含第一个匹配信息的数组，如果没有匹配项返回null。而返回的这个数字，不仅包含匹配到的字符串，而且有两个特别的属性：index表示匹配字符串所在位置，input就是被匹配的这个字符串。

        var text = "mom and dad and baby";                var pattern = /mom( and dad( and baby)?)?/gi;        var matches = pattern.exec(text);                alert(matches.index);    //0        alert(matches.input);    //"mom and dad and baby"

    值得注意的是，即使设置了全局标志g，exec每次也只会返回一个匹配项，再执行才会返回之后的。如果没有设置全局标志，那么每次调用都只返回第一个匹配项。

        var text = "cat, bat, sat, fat";                var pattern1 = /.at/;                var matches = pattern1.exec(text);                alert(matches.index);    //0        alert(matches[0]);       //"cat"        alert(pattern1.lastIndex);//0        matches = pattern1.exec(text);                alert(matches.index);    //0        alert(matches[0]);       //"cat"        alert(pattern1.lastIndex);//0        var pattern2 = /.at/g;                var matches = pattern2.exec(text);                alert(matches.index);    //0        alert(matches[0]);       //"cat"        alert(pattern2.lastIndex);//0        matches = pattern2.exec(text);                alert(matches.index);    //5        alert(matches[0]);       //"bat"        alert(pattern2.lastIndex);//0

    此外还有test()方法，返回是否匹配布尔值，用于判断。

    其实还有RegExp构造函数属性，不过我感觉没什么用，就不说了。

二，函数类型

    函数是对象，函数名是指针。js函数没有重载，可以作为值返回，此外还有很多东西，会在下几篇博客提到。这里就先简单介绍，下一篇会深度挖掘。

        function sum(num1, num2){            return num1 + num2;        }//函数的3种定义方式，推荐这种        alert(sum(10,10));    //20                var anotherSum = sum;                alert(anotherSum(10,10));  //20                sum = null;                alert(anotherSum(10,10));  //20

    函数内部属性有arguments和this，this就不说了，很其他语言的差不多。arguments在第一篇说过了http://blog.csdn.net/m0_37645820/article/details/77749799。

    函数的属性有length，接收参数的个数。还有prototype，这个后面会专门说。

    函数的方法有apply()和call()，主要作用是改变函数的作用域。

        window.color = "red";        var o = { color: "blue" };                function sayColor(){            alert(this.color);        }                sayColor();            //red                sayColor.call(this);   //red        sayColor.call(window); //red        sayColor.call(o);      //blue

三，基本包装类型
    为了方便基本类型的操作，js有三种特殊的引用类型：布尔，数字和字符串。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。与其他引用类型的区别就是，自动创建的基本包装类型的对象，只存在于一行代码的执行瞬间，然后立即销毁。所以我们不可能在运行时为基本类型值添加属性和方法。其中布尔类型感觉没什么用，就不说了。

1，数字类型

    数字类型重写了toSrting()方法，可以按进制输出数值的字符串形式。增加了toFixd方法修改位数。

        var numberObject = new Number(10);        var numberValue = 99;                //toString() using a radix        alert(numberObject.toString());       //"10"        alert(numberObject.toString(2));      //"1010"        alert(numberObject.toString(8));      //"12"        alert(numberObject.toString(10));     //"10"        alert(numberObject.toString(16));     //"a"                //toFixed()        alert(numberObject.toFixed(2));    //outputs "10.00"        numberObject = new Number(99);        alert(numberObject.toPrecision(1));    //"1e+2"        alert(numberObject.toPrecision(2));    //"99"        alert(numberObject.toPrecision(3));    //"99.0"                   alert(typeof numberObject);   //object        alert(typeof numberValue);    //number        alert(numberObject instanceof Number);  //true        alert(numberValue instanceof Number);   //false

2，字符串类型
    这个才是重头戏。在c语言中字符串就是字符数组，在js也可以这么理解，字符串类型继承很多数组的属性和方法。像length，concat()，slice()，indexOf()等，这些就不说了，下面说些特别的。

    trim()方法，返回去掉前后空格的字符串副本，非常实用。

    字符串大小写转换方法：

        var stringValue = "hello world";        alert(stringValue.toLocaleUpperCase());  //"HELLO WORLD"        alert(stringValue.toUpperCase());        //"HELLO WORLD"        alert(stringValue.toLocaleLowerCase());  //"hello world"        alert(stringValue.toLowerCase());        //"hello world"

   还有一个很实用的方法split()，用于分割字符串

   三种字符串的模式匹配方法：match() search() replace()。前两个是查找，后一个是替换。

        var text = "cat, bat, sat, fat";         var pattern = /.at/;                var matches = text.match(pattern);                alert(matches.index);        //0        alert(matches[0]);           //"cat"        alert(pattern.lastIndex);    //0        var pos = text.search(/at/);        alert(pos);   //1        var result = text.replace("at", "ond");        alert(result);    //"cond, bat, sat, fat"        result = text.replace(/at/g, "ond");        alert(result);    //"cond, bond, sond, fond"        result = text.replace(/(.at)/g, "word ($1)");        alert(result);    //word (cat), word (bat), word (sat), word (fat)                function htmlEscape(text){            return text.replace(/[<>"&]/g, function(match, pos, originalText){                switch(match){                    case "<":                        return "<";                    case ">":                        return ">";                    case "&":                        return "&";                    case "\"":                        return """;                }                         });        }                alert(htmlEscape("<p class=\"greeting\">Hello world!</p>")); //<p class="greeting">Hello world!</p>        var colorText = "red,blue,green,yellow";        var colors1 = colorText.split(",");      //["red", "blue", "green", "yellow"]        var colors2 = colorText.split(",", 2);   //["red", "blue"]        var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]

四，Global对象

    所有在全局作用域定义和函数和属性都是全局对象的函数和属性。

    1，URI编码方法

    直接上代码吧：

        var uri = "http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start";                //http%3A%2F%2Fwww.wrox.com%2Fillegal value.htm%23start        alert(decodeURI(uri));                //http://www.wrox.com/illegal value.htm#start        alert(decodeURIComponent(uri));

        var uri = "http://www.wrox.com/illegal value.htm#start";                //"http://www.wrox.com/illegal%20value.htm#start"        alert(encodeURI(uri));                //"http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start"        alert(encodeURIComponent(uri));

    2. eval()方法

    这个方法是很重要的方法，json就靠它解析的。实际上，这就是一个js解析器，接收一个字符串参数，即要执行的js代码的字符串。后面还会细说。8点了，跑步去了。