javascript快速入门9--引用类型 · 李炎恢 HTML CSS JavaScript PHP Bootstrap 教程

# javascript快速入门9--引用类型引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。 **注意：从传统意义上来说，ECMAScript 并不真正具有类。事实上，除了说明不存在类，在 ECMA-262 中根本没有出现“类”这个词。ECMAScript 定义了“对象定义”，逻辑上等价于其他程序设计语言中的类** ## Object 对象是由 new 运算符加上要实例化的对象的名字创建的。例如，下面的代码创建 Object 对象的实例： ``` var obj = new Object(); ``` 这种语法与 Java 语言的相似，不过当有不止一个参数时，ECMAScript 要求使用括号。如果没有参数，如以下代码所示，括号可以省略： ``` var o = new Object; ``` **注意：尽管括号不是必需的，但是为了避免混乱，最好使用括号。** Object 对象自身用处不大，不过在了解其他类之前，还是应该了解它。因为 ECMAScript 中的 Object 对象与 Java 中的 java.lang.object 相似，ECMAScript 中的所有对象都由这个对象继承而来，Object 对象中的所有属性和方法都会出现在其他对象中，所以理解了 Object 对象，就可以更好地理解其他对象。 Object 对象具有下列属性： constructor 对创建对象的函数的引用（指针）。对于 Object 对象，该指针指向原始的 Object() 函数。 prototype 对该对象的对象原型的引用。对于所有的对象，它默认返回 Object 对象的一个实例。 Object 对象还具有几个方法： hasOwnProperty(property) 判断对象是否有某个特定的属性。必须用字符串指定该属性。（例如，o.hasOwnProperty("name")） isPrototypeOf(object) 判断该对象是否为另一个对象的原型。 propertyIsEnumerable(property) 判断给定的属性是否可以用 for...in 语句进行枚举。 toString() 返回对象的原始字符串表示。对于 Object 对象，ECMA-262 没有定义这个值，所以不同的 ECMAScript 实现具有不同的值。 valueOf() 返回最适合该对象的原始值。对于许多对象，该方法返回的值都与 ToString() 的返回值相同。 **注意：上面列出的每种属性和方法都会被其他对象覆盖。** ## Boolean Boolean 对象是 Boolean 原始类型的引用类型。要创建 Boolean 对象，只需要传递 Boolean 值作为参数： ``` var oBooleanObject = new Boolean(true); ``` Boolean 对象将覆盖 Object 对象的 ValueOf() 方法，返回原始值，即 true 和 false。ToString() 方法也会被覆盖，返回字符串 "true" 或 "false"。遗憾的是，在 ECMAScript 中很少使用 Boolean 对象，即使使用，也不易理解。问题通常出现在 Boolean 表达式中使用 Boolean 对象时。例如： ``` var oFalseObject = new Boolean(false); var bResult = oFalseObject && true; //输出 true ``` 在这段代码中，用 false 值创建 Boolean 对象。然后用这个值与原始值 true 进行 AND 操作。在 Boolean 运算中，false 和 true 进行 AND 操作的结果是 false。不过，在这行代码中，计算的是 oFalseObject，而不是它的值 false。正如前面讨论过的，在 Boolean 表达式中，所有对象都会被自动转换为 true，所以 oFalseObject 的值是 true。然后 true 再与 true 进行 AND 操作，结果为 true。 **注意：虽然你应该了解 Boolean 对象的可用性，不过最好还是使用 Boolean 原始值，避免发生这一节提到的问题。** ## Number Number 对象是 Number 原始类型的引用类型。要创建 Number 对象，采用下列代码： ``` var oNumberObject = new Number(68); ``` **Number.MAX_VALUE,Number.MIN_VALUE等特殊值都是 Number 对象的静态属性。** 要得到数字对象的 Number 原始值，只需要使用 valueOf() 方法： ``` var iNumber = oNumberObject.valueOf(); ``` 当然，Number 类也有 toString() 方法.除了从 Object 对象继承的标准方法外，Number 对象还有几个处理数值的专用方法: toFixed() 方法返回的是具有指定位数小数的数字的字符串表示。例如： ``` var oNumberObject = new Number(68); alert(oNumberObject.toFixed(2)); //输出 "68.00" ``` 在这里，toFixed() 方法的参数是 2，说明应该显示两位小数。该方法返回 "68.00"，空的字符串位由 0 来补充。对于处理货币的应用程序，该方法非常有用。toFixed() 方法能表示具有 0 到 20 位小数的数字，超过这个范围的值会引发错误。与格式化数字相关的另一个方法是 toExponential()，它返回的是用科学计数法表示的数字的字符串形式。与 toFixed() 方法相似，toExponential() 方法也有一个参数，指定要输出的小数的位数。例如： ``` var oNumberObject = new Number(68); alert(oNumberObject.toExponential(1)); //输出 "6.8e+1" ``` 这段代码的结果是 "6.8e+1"，前面解释过，它表示 6.8x101。问题是，如果不知道要用哪种形式（预定形式或指数形式）表示数字怎么办？可以用 toPrecision() 方法。 toPrecision() 方法根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数，即用于表示数的数字总数（不包括指数）。例如: ``` var oNumberObject = new Number(68); alert(oNumberObject.toPrecision(2)); //输出 "68" ``` 当然，输出的是 "68"，因为这正是该数的准确表示。不过，如果指定的位数多于需要的位数又如何呢？ ``` var oNumberObject = new Number(68); alert(oNumberObject.toPrecision(3)); //输出 "68.0" ``` 在这种情况下，toPrecision(3) 等价于 toFixed(1)，输出的是 "68.0"。toFixed()、toExponential() 和 toPrecision() 方法都会进行舍入操作，以便用正确的小数位数正确地表示一个数。 ## String String 对象是 String 原始类型的对象表示法，它是以下方式创建的： ``` var oStringObject = new String("hello world"); ``` String 对象的 valueOf() 方法和 toString() 方法都会返回 String 类型的原始值： ``` alert(oStringObject.valueOf() == oStringObject.toString()); //输出 "true" ``` String 对象具有属性 length，它是字符串中的字符个数： ``` var oStringObject = new String("hello world"); alert(oStringObject.length); //输出 "11" ``` **注意，即使字符串包含双字节的字符（与 ASCII 字符相对，ASCII 字符只占用一个字节），每个字符也只算一个字符。** String 对象还拥有大量的方法。 localeCompare() 方法,对字符串进行排序。该方法有一个参数 - 要进行比较的字符串，返回的是下列三个值之一： * 如果 String 对象按照字母顺序排在参数中的字符串之前，返回负数。 * 如果 String 对象等于参数中的字符串，返回 0 * 如果 String 对象按照字母顺序排在参数中的字符串之后，返回正数。 **如果返回负数，那么最常见的是 -1，不过真正返回的是由实现决定的。如果返回正数，那么同样的，最常见的是 1，不过真正返回的是由实现决定的。而且对于中文字符,虽然表面上看是按拼音排序的,但并不一定!事实上,它们按Unicode编码排序,小的排在前面,大的排在后面** 示例如下： ``` var oStringObject = new String("yellow"); alert(oStringObject.localeCompare("brick")); //输出 "1" alert(oStringObject.localeCompare("yellow")); //输出 "0" alert(oStringObject.localeCompare("zoo")); //输出 "-1" ``` 再强调一次，由于返回的值是由实现决定的，所以最好以下面的方式调用 localeCompare() 方法： ``` var oStringObject1 = new String("yellow"); var oStringObject2 = new String("brick"); var iResult = oStringObject1.localeCompare(oStringObject2); if(iResult < 0) { alert(oStringObject2 + " 排在字符串 " + oStringObject1 +"后面"); } else if (iResult > 0) { alert(oStringObject2 + " 排在字符串 " + oStringObject1+"前面"); } else { alert("两个字符串排序是一样的!"); } ``` localeCompare() 方法的独特之处在于，实现所处的区域（locale，兼指国家/地区和语言）确切说明了这种方法运行的方式。在美国，英语是 ECMAScript 实现的标准语言，localeCompare() 是区分大小写的，大写字母在字母顺序上排在小写字母之后。不过，在其他区域，情况可能并非如此。 ECMAScript 提供了两种方法从子串创建字符串值，即 slice() 和 substring()。这两种方法返回的都是要处理的字符串的子串，都接受一个或两个参数。第一个参数是要获取的子串的起始位置，第二个参数（如果使用的话）是要获取子串终止前的位置（也就是说，获取终止位置处的字符不包括在返回的值内）。如果省略第二个参数，终止位就默认为字符串的长度。slice() 和 substring() 方法都不改变 String 对象自身的值。它们只返回原始的 String 值，保持 String 对象不变。 ``` var oStringObject = new String("hello world"); alert(oStringObject.slice(3)); //输出 "lo world" alert(oStringObject.substring(3)); //输出 "lo world" alert(oStringObject.slice(3, 7)); //输出 "lo w" alert(oStringObject.substring(3, 7)); //输出 "lo w" ``` 为什么有两个功能完全相同的方法呢？事实上，这两个方法并不完全相同，不过只在参数为负数时，它们处理参数的方式才稍有不同。对于负数参数，slice() 方法会用字符串的长度加上参数，substring() 方法则将其作为 0 处理（也就是说将忽略它）。例如： ``` var oStringObject = new String("hello world"); alert(oStringObject.slice(-3)); //输出 "rld" alert(oStringObject.substring(-3)); //输出 "hello world" alert(oStringObject.slice(3, -4)); //输出 "lo w" alert(oStringObject.substring(3, -4)); //输出 "hel" ``` 最后一套要讨论的方法涉及大小写转换。有 4 种方法用于执行大小写转换，即 * toLowerCase() * toLocaleLowerCase() * toUpperCase() * toLocaleUpperCase() 从名字上可以看出它们的用途，前两种方法用于把字符串转换成全小写的，后两种方法用于把字符串转换成全大写的。toLowerCase() 和 toUpperCase() 方法是原始的，是以 java.lang.String 中相同方法为原型实现的。toLocaleLowerCase() 和 toLocaleUpperCase() 方法是基于特定的区域实现的（与 localeCompare() 方法相同）。在许多区域中，区域特定的方法都与通用的方法完全相同。不过，有几种语言对 Unicode 大小写转换应用了特定的规则（例如土耳其语），因此必须使用区域特定的方法才能进行正确的转换。 **String 对象的所有属性和方法都可应用于 String 原始值上，因为它们是伪对象。** String对象方法参考 | 方法 | 描述 | | --- | --- | | charAt() | 返回在指定位置的字符。 | | charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | | concat() | 连接字符串。 | | fromCharCode() | 从字符编码创建一个字符串。 | | indexOf() | 检索字符串。 | | lastIndexOf() | 从后向前搜索字符串。 | | localeCompare() | 用本地特定的顺序来比较两个字符串。 | | match() | 找到一个或多个正则表达式的匹配。 | | replace() | 替换与正则表达式匹配的子串。 | | search() | 检索与正则表达式相匹配的值。 | | slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | | split() | 把字符串分割为字符串数组。 | | substr() | 从起始索引号提取字符串中指定数目的字符。 | | substring() | 提取字符串中两个指定的索引号之间的字符。 | | toLocaleLowerCase() | 把字符串转换为小写。 | | toLocaleUpperCase() | 把字符串转换为大写。 | | toLowerCase() | 把字符串转换为小写。 | | toUpperCase() | 把字符串转换为大写。 | | toString() | 返回字符串。 | | valueOf() | 返回某个字符串对象的原始值。 | ## Global Global是一个最为特殊的对象,因为它实际上根本不存在!如果尝试输出Global对象将出错: ``` alert(Global); ``` 但Global确实是一个对象,要理解这一点要先理解ECMAScript中一个概念,即在ECMAScript中不存在独立的函数,所有的函数必须是某个对象的方法. 像之前所使用的isNaN(),parseInt()看上去像独立的函数,其实它们都是Global对象的方法,Global对象的方法还不止这些,如用于编解码URI的函数:encodeURI与decodeURI方法 ``` var url = "http://www.g.cn/trend page"; alert(encodeURI(url));//该方法会将一些不能用在URI中的字符进行编码 //上面的空格将会被替换成%20,与之对应的decodeURI则是用来解码的 alert(decodeURI(encodeURI(url)));//原样输出 ``` 与encodeURI和decodeURI相似的encodeURIComponent和decodeURIComponent . 这两个方法不但对空格之类的字符进行编码,还对"/"和":"这些URL中的特殊字符进行编码 ``` var url = "http://www.g.cn"; alert(encodeURIComponent(url)); //输出http://%3A%2F%2Fwww.g.cn ``` 一般情况下要把一些字符串作为QueryString值添加到URL后面时,使用encodeURIComponent更安全些. encodeURI之类的方法代替了以前BOM提供的escape与unescape之类的方法,URI方法更可取,因为escape方法只能对ASCII字符进行编码,而URI方法则可以对所有的Unicode字符进行编码. 应该总是使用URI方法,避免使用escape方法! Global对象不但有方法,还有一些属性:如undefined,NaN,Infinity这些特殊值都是Global对象的属性,还有所有的内置引用类型的构造函数(Array,Date等)都是的,只是不能通过Global.Array这样方法输出来,它们都被映射到了window对象上了.