JavaScript对象与继承教程之内置对象（上）。

[Mr-Jee]

离职了，过年这段时间可以把很长时间来的一个愿望实现，我将总结出一套简易教程和一套常用问题集。能力有限，欢迎仅就技术问题拍砖。
更好排版请访问博客:http://blog.csdn.net/cj205/archive/2011/01/23/6159709.aspx
一、 类与对象

在 JavaScript 世界里，关于面向对象第一个要澄清的概念就是类。对象都是有类来定义的，通过类来创建对象就是我们所熟悉的实例化。然而，在 JavaScript 中别没有真正的类，对象的定义就是对象自身。而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂。为了方便理解，我通常把这个发挥类的作用的调和剂称为类。

二、 内置对象

1、 Array类

数组在 js 中是是否常用的一种数据结构，由于其灵活性和易用性，合理的使用数组可以帮助我们更好的实现相应的功能。

让我们先看 Array 对象的创建吧

第一种：var arr = new Array(10);

该方法在实际的使用当中并不那么的实用，与很多编译型语言不同， js 数组的长度是可变的，不但增强了灵活性，还给我们有了更多好的选择。

第二种：var arr = new Array("one","two","three");

使用 new 方式创建数组的方法一般多为这两者，当然也可以使用 new Array() 创建一个空的数组对象。通常情况下，我推荐如下的方法

第三种：var arr = ["one","two","three"];

使用数组的字面量方式创建一个数组对象，不但简洁易读，而且几乎完全等价于使用 new 方式创建数组对象的效果。数组对象有很多好用的方法，接下来我们就一起看看这个数组对象的强大功能吧。

首先要介绍的是 push 方法，学过数据结构的朋友都知道 push 意味着什么，没错，他的出现让数组能够实现栈的数据结构（同时需要配合 pop 方法）。 push 方法帮助我们紧凑的添加数组元素。前面提到js中的数组是长度是可变的，则我们可以添加元素。既然可以通过 arr[length] = newValue; 来给 arr 添加一个新元素并放置于数组尾。更好的办法就是使用 push 方法。 arr.push(newValue); 怎么样，使用他比你还要通过数组长度来赋新值方便多了吧。在这里有一点需要注意。请看下面的代码：

var arr = [];

arr[4] = 5;

alert(arr.length == 5);

alert(arr); //alert : ,,,,5

当我们需要给指定数组位置赋予指定的值的时候，这种赋值就显得十分有用了，比如在用于装箱排序的时候。

pop 方法则是实现与 push 相反的作用，返回数组的最后一个元素，并出栈。

var arr = [1,2,3,4,5];

var ele = arr.pop();

alert(ele == 5);

alert(arr.length == 4);

数组对象的 toString 和 valueOf 方法比较人性化的重写了，它的实现是把每一项都调用 toString 方法，然后用半角逗号(,)连接每一项。那么：

var arr = [1,2,3,4,5];

alert(arr);//output:1,2,3,4,5

toLocateString 方法在这里不做详细说明了，他的效果与 toString 方法类似，只是每项调用 toLocateString 方法。

如果你想使用个性化的分隔符来显示数组元素，那么 join 方法可能会更加的适合。比如：

var city = ["上海","北京","天津","重庆","深圳"];

alert(city.join("|");//output:上海|北京|天津|重庆|深圳

由此可见 join 是把数组元素转换为一个字符串。在介绍字符串的时候我们将再次看到 join 方法的使用。

concat 方法和 slice 方法是又一对好用的方法，这两个方法的特殊之处在于 String 对象也拥有他们。当我们希望给一个数组添加多个数组元素的时候，使用 push 可能就显得有些冗余和复杂了，而且也会让 coding 变得不那么有意思了。好在我们有 concat 方法，该方法将其参数们按序加入数组元素中。如：

var arr = [1,2,3,4,5];

arr = arr.concat(6,7,8,9);

alert(arr.length == 9);

注意， concat 并不修改数组对象本身，而是将数组元素与 concat 方法的数组元素合并后返回。所以需要给数组元素进行赋值运算才行。

slice 方法则是从数组对象中返回一个子数组。该子数组是从 slice 方法的第一个参数所指位置至第二个参数所指的位置。这是一个半开半闭区间 [a,b) 。如：

var arr = [1,2,3,4,5];

var arr1 = arr.slice(1,3);

alert(arr1); //output:2,3

alert(arr); //output:1,2,3,4,5

好了， slice 和 concat 方法一样不是修改数组对象本身。同时参数1，3表示从位置1到位置3的半开半闭区间的子数组。

刚才讨论了后进先出的栈操作，现在我们来看看先进先出的队列操作吧。进列使用 push 方法没有问题，那么出列呢。是 shift ，他删除数组对象的第一个元素并返回：

var arr = [1,2,3,4,5];

var ele = arr.shift();

alert(ele); //output:1

alert(arr.length);//output:4

另外一个还有一个方法，叫 unshift ，他将新元素插入数组对象的第一项，究其功能与 shift 是相反的操作。

sort 方法很灵活，使用好了，他可以给数组元素以任意你想要的排序方式来进行排序。因为 sort 方法接收一个匿名函数（其实，它同样可以接收一个非匿名的函数，但是通常不推荐为此而创建一个这样的命名函数，除非该函数可重用）作为自己的排序的条件。比如：

Object.prototype.toString = function(){

var str = '';

for(var item in this) {

str += item + ":" + this[item] + ",";

}

return str.length?str.substr(0,str.length-1):str;

};

var arr = [{key:3,value:"three"},{key:1,value:"one"},{key:2,value:"two"}];

arr.sort(function(a,b){

return a.key - b.key;

});

alert(arr);//output:key:1,value:one,key:2,value:two,key:3,value:three

我们先不去纠结 Object.prototype.toString 方法，他的左右就是将对象遍历使之可以输出为键值对格式字符串，在介绍原型链的时候会再次提到。我们可以看到 sort 方法通过这个匿名方法让我们可以根据 key 属性来进行排序。那就让我们来看看这个匿名方法吧。

function(a,b) {

return a.key - b.key;

};

可以看到，这个方法接收2个参数，然后对参数的自身或某个属性进行比较，然后返回比较结果，他们的比较结果与排序对应关系如下：

如果 paramA - paramB > 0,return 正数 ，则 a 排在 b 的前面

如果 paramA - paramB < 0,return 负数 ，则 a 排在 b 的后面

如果 paramA - paramB = 0,return 0 ，则顺序不变。

上面的实现是顺序排序，那么 倒序 呢？对， return paramB - paramA;

reverse 方法可以将数组对象反转。他和 sort 方法一样是修改数组对象内部元素顺序的。

最后我们看看 splice 方法，他是替换和删除数组对象元素的方法。根据参数的改变而拥有不同的实现结果。 splice(pos,count[,insertParams]);pos 参数是删除元素的第一个项的位置， count 参数是删除元素的个数，当为0时则不删除（不删除还要这个方法干嘛，别着急，往下看）， insertParams 则是参数列表，这些参数是即将插入的元素集合。插入的位置为 pos 。那么就出现了以下几种情况了。

1、 insertParams 忽略时，该方法就是删除数组元素

2、 当 count 参数为0时，该方法将只是将 insertParams 插入到 pos 位置

3、 当 count 参数不为0且 insertParams 不忽略时，该方法就是删除 pos 位置开始的 count 个元素，并替换 insertParams 参数集合。

2、 Math类

我们花了很大的篇幅来介绍数组类，我要再次强调一点，这个类只是为了介绍方便强加于它的一个名字，实际上他们也只是对象。而非真正的类。

Math 类的使用范围相对狭窄，因为他作为一个数学计算的类，而非一个数据结构类，但是我们也看到了 Math.random 以及各种取整等常用方法。因此我们不妨花些时间来看看他们，但是如果你对此兴趣不大，那么看完 random 方法之后就可以跳到下一节去，以后用到的时候再翻手册就可以了。

Math 通常是一个“静态”类，因为没有人会实例化一个 Math 对象，而是直接使用其“静态”方法，有些资料直接称它为 Math 对象，在这里我们不妨称它为“静态”类吧。

首先我必须介绍 random 方法，因为他常用且太有用了。在制造随机事件的时候他总是不可或缺，同样在防止缓存上他也显得很有用处。 Math.random 方法返回的是一个 0到1 之间的开区间浮点数，即 (0,1) ，他的使用非常简单，唯一需要注意的是，当我们取整的时候对 floor 和 ceil 方法的筛选时需要谨慎，前者使得 random 间接转换为前闭后开区间，而后者则是前开后闭区间。假如我们现在需要一个取1-100的随机数，那么有如下的两种常用解决方案

方法一：Math.ceil(Math.random*100);

方法二：Math.floor(Math.random*100)+1;

ceil 方法和 floor 方法都是用来取整的数学方法，根据单词含义我们可以理解，前者是向上取整，而后者则是向下取整。

当我们从一个连续的数组对象中随机选择一个数组元素时，我们可以借助 random 轻松的来帮我们挑选：

["ipad","iphone","ipod touch","ipod nano","macbook"][Math.ceil(Math.random()*4)];

这个例子中，我直接使用的是数组字面量，一开始你可能会觉得费解或者不易理解，当你深入以后你会发现原来 JavaScript 是如此的方便、简洁、灵活。

前面我们介绍了 ceil 和 floor 方法的取整，那么当我们想要接近舍入时呢，我们可以使用 Math.round 方法，他在取整时根据数值进行靠近取整。比如 Math.round(5.4) 返回的是 5 。那么如果 Math.round(5.5) 呢，答案是 6 而不是 5 。关于这点需要有所了解。好吧我承认我较真了，但是知道了他有什么坏处呢。

当我们想从 2 个数中取得较小或者较大的数的时候怎么做呢？

if(a>b) {

return a;

} else {

return b;

}

我们多虑了。 Math 提供了 Math.max 和 Math.min 方法来帮助我们解决这个问题。

Math 还有一大堆的“静态”方法和属性。在这里我就不一一列举了，当我们要进行数学计算的时候不妨去查查手册。

[风颜笑雪]

看看也好事啦

[wangzexy391963822]

最近正在学Script，挺好！

[b11ght]

alert(arr1.valueOf() === arr2.valueOf());
为什么是false呢？想不明白。哪位高手给解答一下？

[csleo200x]

离职快乐，明年会有更好的发展

[alsamsung]

“这里我们必须要弄明白 JavaScript 是 unicode 编码，那么汉字和英文都当作一个字符长度来处理”，哈哈，我一直没弄明白
谢谢楼主

[xlg3030]

看看也好事啦

[ybb99]

到了 substring 方法， substring(from[,to]); 从定义上就可以看到，后一个参数是一个位置，而非长度，因此他更像 slice ，但是与之有一点重要的区别，那就是 substring 方法不包含 to 位置。即是一个半开半闭区间。
-----------------
其实slice 跟数组的slice方式一样 ， to位置也是开区间，javascript:"iloveyou".slice(0,2) 返回“il”

[DeathSteps]

这东西确实给力啊

[wcfboy1]

不错，不错，基础的东西还是很常用的

[hongfarge]

看看也好事啦

[peter20091001]

楼主是强人啊。太牛了。

[插上翅膀的老虎]

好东西，看看来了，极品

[jackingod]

顶起来 ，好东西～

[ljw159357789]

佩服！！

[kaifadi]

尽管以前也看过不少国产和国外的JS教材，但是精练中的经典，这个应该算是一个！

[peng115]

总结的不错！多谢分享！

[koumingjie]

真好！！！

[a871084484]

楼主是个好人!!!

[蓝色小棉袄]

新手，学习了，感谢楼主，这个太有用了！！！

[foxlovw0813]

我现在才看这文章估计有点晚了，但是有个问题想咨询下，
这段代码：
var conf = {
syslang : 'cn'
};
Date.prototype.toFormatString = function(format) {
var weeks = {};
weeks['cn'] = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
weeks['en'] = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var self = this;
var fix = {
'yyyy' : self.getFullYear(),
'MM' : self.getMonth() + 1,
'dd' : self.getDate(),
'wk' : weeks[conf.syslang][self.getDay()],
'hh' : self.getHours(),
'min' : self.getMinutes(),
'ss' : self.getSeconds()
};
return format.replace(/[a-zA-Z]+/g, function(m) {
return fix[m];
});
};
有几个问题没有看懂，1.这段代码如何调用。2.return format.replace(/[a-zA-Z]+/g, function(m) {
return fix[m]; 这里面有个参数m，这个参数是放在了fix这个表里面，那么这个m参数如何使用啊？返回的值是什么呢？3.把this保存在self这儿变量里面的意义是指向调用这个函数的对象么？4.那个全局变量除了可以在fix里面使用，还有什么功能呢？