JavaScript高级程序设计（第3版）学习笔记11 内建js对象

内建对象就好比是JDK中的类库，开发者可以直接拿来使用，这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建对象，当然，我们并不是第一次接触内建对象，前面已经接触到的就有Object、Function、Boolean、Number、String，对于已经介绍过的，这里再总结复习一下，没有介绍过的，根据相关性来对比的总结，RegExp对象及正则表达式在下一篇中再单独介绍。

1、内建全局单例对象

（1）内建全局单例对象：在整个执行环境中只有一个对象实例，这些对象没有内部属性[[Construct]]和[[Call]]，因此不能使用new来创建，也不能作为函数来调用，而是直接使用对象名称来引用其属性和方法（对于全局对象，则可以直接使用属性和方法名）。内建全局单例对象有Global、Math、JSON。

（2）内建常量：主要是指内建全局单例对象的属性，这些属性的[[Writable]]、[[Configurable]]、[[Enumerable]]特性全部为false，因此不能修改属性值，不能删除属性，也不能在for-in循环中枚举。这些内建常量有：

注：Global对象中的常量可以使用名称直接访问，Math对象中的常量需使用类似Math.PI的形式来访问。

（3）内建静态方法：

说明：

（1）全局对象中还有escape()/unescape()方法，由于这两个方法只能正确编码ASCII字符已经被废弃，而使用上表中的encodeURI()等方法来替换。

（2）JSON.parse()可以接受一个可选的参数，这个参数是一个函数，被称为还原函数，还原函数返回一个值，接受两个参数：一个键和一个值。如果还原函数返回undefined，表示要从结果中删除相应的键，返回其他值，则将该值插入到结果中。

（3）JSON.stringify()可以接受二个可选参数：

　　A、第一个可选参数是个过滤器，可以是一个数组，也可以是一个函数。如果是一个数组，那么结果中只保留这个数组中列出的属性；如果是一个函数，这个函数被称为替换函数，接受两个参数：一个键和一个值。替换函数返回undefined时会忽略这个键，否则就将返回值作为这个键的值插入到相应位置。

　　B、第二个可选参数是个选项，表示是否在JSON字符串中保留缩进。如果这个参数是数字，表示每个级别缩进的空格数（最大不能超过10，超过10时自动设置为10），如果这个参数是字符串，则将作为缩进字符处理。

　　在调用JSON.stringify(obj)时，如果obj中有toJSON()方法并返回一个有效值时，会首先调用这个方法。

2、Object与Function

　　这两个内建对象在前面已经重点讨论过，这里总结一下：

说明：

（1）构造器属性（静态属性）是直接定义在构造函数这个对象本身上的属性，只能通过构造函数名来直接访问，原型属性是定义在构造函数原型对象上的属性，可以通过原型去访问，但更重要的是可以通过构造函数的实例去访问。比如上表Object对象的defineProperty()就只能以Object.defineProperty()的形式来调用，而hasOwnProperty()这可以在任意一个Object实例对象上调用。

（2）Object本身是一个（构造）函数，也就是Function类的一个实例，因此也就有了Function实例所具有的属性prototype和length(===1，上表未列出），同时，由于Object还是一个构造函数，也就构成了一种（内建）类型Object，通过原型继承，这个类型是ES中所有其它类型的基类，也就是说所有的对象都可以访问上表中Object的原型属性。这里原型继承是基于下面原理来实现的：Object原型的原型是null（即有Object.getPrototypeOf(Object.prototype)===null)，其它对象的原型是Object的实例。

（3）Function是一个构造函数，因此构成了一种内建类型Function，同时，因为是函数，也就是一个对象，这个对象的原型对象是Object的一个实例，因而可以访问Object的原型属性（Function类中有些方法覆盖了Object中的原型方法，上表未列出）。

（4）注意区分Function类中的构造器属性和实例属性，可以这样来理解：首先Function类的所有实例都有属性prototype（函数原型对象）和length（形式参数的个数），然后因为Function本身也是一个函数，是Function类的一个实例，因此有prototype和length属性（属性值已经确定了），而这属性是直接定义在Function构造函数上的，也就是构造器属性了。

（5）其它关于Object和Function中不理解的地方可以参考前面的文章，也可以自己查阅相关资料。

3、Array与String

　　将Array和String这两种内置对象放在一起，主要是因为他们有一些方法比较类似，我自己就常常有搞不拎清的时候，于是借这个机会比较一下。

说明：

（1）上表中红色部分表示在ES5版本中新增的方法，蓝色部分为个人认为比较常用的属性和方法。

（2）ECMAScript中数组的每一项可以保存任意类型的数据，并且数组的大小可以随着数据的添加而自动的动态调整。

（3）使用Array构造函数创建数组时，如果传入一个数值类型的参数，则作为数组长度处理，如果这个数值小于0或者不是一个整数，会抛出RangeError异常（如果确实需要将这个数值作为数组第1项，可以使用数组字面量），其它数值类型的参数，则作为数组的第一项值处理，并且数值的长度值为1。

[code]
try{
var a = new Array(-2);
}catch(e)
{
console.info(e);//RangeError
}
//var g = new Array(1.1);异常
var b = new Array(0);
var c = new Array(2);
var d = new Array('data');
var e = [-2];
var f = new Array(-1,-2);

console.info(b.length);//0
console.info(c.length);//2
console.info(d.length);//1
console.info(e.length);//1
console.info(f.length);//2

（4）判断一个对象是否为数组时，在ES5中可以直接使用Array.isArray(obj)， 在不支持isArray方法的环境中时，可以使用obj instanceof Array来判断只有一个作用域的情况，但是更加稳妥的判断方法是利用Array对象的内部属性[[Class]]来判断：


代码如下:

function isArray(obj){
　　return Object.prototype.toString.call(obj) == '[object Array]';
}

（5）关于String的slice()、sbustr()、substring()，如果只传入了第一个参数，则截取从第一个参数至末尾。当传入负参数时：

　　A、slice()会将负参数加上字符串长度，使参数为正

　　B、substr()会将负的第一个参数加上字符串的长度，将负的第二个参数转换为0

　　C、substring()会将所有负参数转换为0，如果第2个参数小于第1个参数，会互换两个参数

（6）关于String对象replace()方法的第二个参数

如果是字符串，可以使用一些特殊字符将正则表达式操作得到的值插入到结果字符串中，这些特殊字符有：

如果是函数，这个函数接受的参数：模式的匹配项，第一个捕获组的匹配项，...，第n个捕获组的匹配项，模式的匹配项在字符串中的位置，原始字符串。函数应该返回一个字符串，表示应该被替换的匹配项。

（7）String对象的HTML方法

4、Number与Boolean

　　String、Number和Boolean对象是相应简单数据类型的包装对象，他们都有一个共同的特征：作为构造函数调用时是创建一个对象，作为一般函数调用时则是类型转换。由于所有对象相应的Boolean类型值都是true，所以需要特别注意的是new Boolean(false)在布尔运算中会作为true去处理，这里的建议就是永远不要使用Boolean对象。

代码如下:

var falseValue = false;
var falseObject = new Boolean(false);
console.info(typeof falseValue);//boolean
console.info(typeof falseObject);//object
console.info(falseValue instanceof Boolean);//false
console.info(falseObject instanceof Boolean);//true
console.info(falseValue && true);//false
console.info(falseObject && true);//true

String、Number和Boolean类型的变量可以直接调用相应包装对象的方法，实际上在后台会自动转换为相应包装对象，然后调用方法。String和Boolean类型的字面量也可以直接调用包装对象的方法，但是Number类型的字面量不能直接调用Number对象的方法。


代码如下:

var num = 10;
console.info(num.toFixed(2));//10.00
//console.info(10.toFixed(2));//异常
console.info(false.toString());//false
console.info('abcdefg'.substr(3));//defg　　

关于包装对象的属性和方法，String对象已经在上一小节列出，Boolean对象除覆盖了Object的toString()和valueOf()外没什么特别需要注意的，下面再总结一下Number对象的属性和方法。

5、Date

　　ECMAScript中的Date对象和Java中的java.util.Date一样，采用UTC（Coordinated Universal Time，国际协调时间）1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。

（1）创建日期对象

　　A、构造函数：可以通过new Date()创建对象自动获取当前日期和时间，也可以传入表示日期的毫秒数来创建日期，还可以传入和下面的Date.parse()与Date.UTC()相同的参数（在后台会先调用Date.parse()或Date.UTC()，后台调用Date.UTC()时是基于系统本地时区而非GMT创建的）来创建日期。

　　B、Date.parse()：接受一个表示日期的字符串参数，然后尝试根据这个字符串返回相应日期的毫秒数。日期格式和具体的实现及地区有关。如果传入的字符串不能表示日期，返回NaN。

　　C、Date.UTC()：返回表示日期的毫秒数，参数分别是年份、基于0的月份、月中的哪一天（1~31）、小时（0~23）、分钟、秒以及毫秒数，这些参数中，前面两个参数（年月）是必须的，没有提供天数时默认为1，其它参数没有提供时默认为0。

　　D、Date.now()：在ES5中新增，返回表示调用这个方法的日期和时间的毫秒数。这可以用来分析代码执行的时间：

代码如下:

//支持Date.now()时 　　　　//不支持Date.now()的情况下
var start = Date.now(); var start = +new Date();
//doSomething(); 　　　　//doSomething();
var end = Date.now(); 　var end = +new Date();
var time = end -start; var time = end - start;

（2）方法列表

说明：上表getter/setter列中，除了setTime()外，均有一套相应UTC方法，比如对应setFullYear()有getFullYear()、setUTCFullYear()、getUTCFullYear()方法。

6、Error

（1）从ES3开始引入了try-catch语句，用于捕获异常，结构和Java中的异常处理类似。这里需要注意的是，在使用finally子句时，如果里面有return语句，由于finally语句无论怎样都会执行，因此会覆盖之前的return语句。

代码如下:

function testFinally(){
try{
return 2;
}catch(error){
return 1;
}finally{
return 0;
}
}
console.info(testFinally());//0

说明：按照规范，catch和finally子句只要有一个即可，但是在IE7的实现中有一个bug，没有catch子句时就不会执行finally子句，所以为了保证兼容性，每一个try都加上catch子句（如果需要在外层处理，可以把捕获的异常使用throw向外抛出）。

（2）错误类型

注：这里只是简要列举了一些内建的错误对象，没有对错误处理以及调试技术做过多的阐述，感兴趣的朋友可以自行查找相关资料。