Array类型。 ECMAScript数组的每一项可以保存任何类型的数据。 数组大小是可以动态调整的。 创建数组第一种基本方式方式: 使用Array构造函数 var colors = new Array(); var colors = new Array(20);//length为20的数组f var colors = new Array("Red","Blue","Yellow",1);//创建包含3个字符串和一个数字的数组 创建数组第二种基本方式：使用数组字面量表示法 var colors = ["Red","Blue","Green"]; var colors = [];//创建空的数组 var colors = [1,2,];//不推荐这样做，会创建2或3项的数组 var colors = [,,,,,];//不推荐这样做 数组的定义和创建要符合语法规范，不然可能出现意想不到的错误。 数组的内容可以修改，在javascript中，数组的长度也可以修改。 var colors = ["Red","Blue","Green"];//数组下标从0开始，此处数组元素为colors[0],colors[1],colors[2] alert(colors.length);//4 colors.length为数组长度 alert(colors.lenth-1);//3 数组最后一项元素是colors.length-1 colors.length = 2;//修改数组长度为2 alert(colors[2]);//undefined 因为把修改数组长度为2,数组元素只有colors[0] colors[1] 利用数组的length可以方便的在数组末尾添加新的元素。 var colors = ["Red","Blue","Green"]; colors[colors.length] = "Black";//在3位置添加一个新的元素 colors[colors.length] = "Brown";//在4位置添加一个新的元素 检测数组 单个页面或者一个全局作用域，可以使用instanceof来检测是否是Array类型 if(value instanceof Array){ //do something... } 如果网页中包含多个框架，就存在多个不同的全局执行环境，存在多个不同版本的Array构造函数，此种情况instanceof无效。 ECMAScript5新增了Array.isArray()方法用于解决以上问题。 支持Array.isArray()方法的浏览器有IE9+，FireFox4+,Safari5+,Opera10.5+和Chrome 转换方法 所有对象都具有toLocaleString() toString() valueOf()方法。 var colors = ["Red","Blue","Green"]; console.log(colors.toString());//Red,Blue,Green 字符串格式 console.log(colors.valueOf());//Red,Blue,Green 数组 console.log(colors); 栈方法 ECMAScript也提供了类似栈的数据结构。 栈的数据结构是LIFO(Last Input Fist Out)后进先出。 push():将元素添加到数组末尾 prop():取得最后一个元素 var colors = new Array(); var count = colors.push("Red","Blue"); alert(count);//2 队列方法 队列的数据结构是FIFO 数组操作方法 concat():基于当前数组所有项创建一个新的数组 var colors = ["Red","Blue","Green"]; var colors2 = colors.concat("Yellow",["Black","Brown"]); alert(colors);//Red,Blue,Green alert(colors2);//Red,Blue,Green,Yellow,Black,Brown slice():基于当前数组中的一项或多项创建一个新的数组 var colors = ["Red","Blue","Green","Black","Orange"]; var colors2 = colors.slice(1); var colors3 = colors.slice(1,4); console.log(colors2);//Blue,Geen,Black,Orange console.log(colors3);//Blue,Green,Black Function类型 function sum(num1, num2){//函数声明 return num1+num2; } var sum = funciton(num1, num2){//函数表达式定义函数 return num1+num2; } 这两种函数定义方式几乎相同。第二个代码定义了变量sum并将其初始化为一个函数。 函数声明与函数表达式 解析器会率先读取函数声明,并使其在执行任何代码之前可用。 alert(sum(10,10)); function sum(num1,num2){//函数声明 return num1+num2; } alert(sum(10,10);//unexpected identifier错误 var sum = function(num1,num2){//函数表达式 return num1+num2; } 以上代码运行没问题。 函数内部属性 函数内部有两个特殊对象arguments和this。 arguments是一个类数组对象，用于保存函数参数，这个对象有一个callee属性，该属性是一个指针，指向拥有这个arguments对象的函数。callee可以消除紧耦合 //经典的阶乘函数 //函数内部属性 arguments.callee属性 //callee属性是一个指针，指向拥有这个arguments对象的函数 function factorial(num) {//函数声明 if (num <= 1) { return 1; } else { return num * factorial(num - 1);//为了消除紧耦合，使用arguments.callee } } var f = factorial; factorial = function(){ return 0; } console.log("f: "+f(5));//返回0 console.log("factorial(5): "+factorial(5)); function factorial(num){ if (num <= 1) { return 1; } else { return num * arguments.callee(num - 1);//为了消除紧耦合，使用arguments.callee } } console.log("f: "+f(5));// 120 console.log("factorial(5): "+factorial(5));// 0 this对象。 window.color = "red"; var o = {color: "blue"}; function sayColor(){ return this.color; } sayColor();//"red" 函数是全局定义的，this引用的是全局对象window o.sayColor = sayColor;//要想不执行函数而是访问函数指针的话，去掉括号就行了 o.sayColor(); 基本包装类型 var s1 = "Hello World"; var s2 = s1.substring(2); s1是基本类型，包含了字符串。基本类型不是对象，从逻辑上讲不能有substring()方法。 实际上后台已经完成了一下操作： 1.创建String类型的一个实例。 2.在实例上调用指定的方法 3.销毁这个实例 var s1 = "Hello World"; s1.color = "red"; alert(s1.color);//undefined 第二行创建的String对象在执行第三行代码时已经被销毁了。第三行代码又创建了自己的String对象，然而该对象没有color属性。 var obj = new Object("hello"); alert(obj instanceof String);//true 尽管不建议显示的创建包装类型对象，但他们操作基本类型能力非常重要，有必要了解。 Boolean类型 函数属性和方法 每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数。 apply()方法接收两个参数:一个是在其中运行函数的作用域，另一个是参数数组。 function sum(num1, num2){ return num1+num2; } function callSum1(num1, num2){ return sum.apply(this, arguments); } function callSum2(num1, num2){ return sum.apply(this, [num1, num2]); } alert(callSum1);//20 alert(callSum2);//20 call()方法和apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。如果使用call()方法，必须明确传入每个参数 function sum(num1, num2){ return num1+num2; } function callSum1(num1, num2){ return sum.call(this, arguments); } function callSum2(num1, num2){ return sum.call(this, [num1, num2]); } apply()和call()除了传递方法之外，真正强大的地方是能够扩充函数依赖运行的作用域。 window.color = "red"; var o = {color: "blue"}; function sayColor(){ return this.color; } sayColor.call(this);//red sayColor()函数是全局定义的，所以this引用的是全局对象 sayColor.call(window);//red sayColor.call(o);//blue 使用call()或apply()来扩充作用域的最大好处就是对象不需要与方法有任何的耦合关系。 之前使用的步骤可以省略了，之前的代码中以下两个步骤可以省略。 o.sayColor = sayColor; o.sayColor(); ECMAScript5还定义了一个方法bind()。这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值 window.color = "red"; var o = {color: "blue"}; function sayColor(){ alert(this.color); }
