引用類型的值(對象)是引用類型的一個實例。在ECMScript中,引用類型是一種數據結構,用于將數據和功能組織在一起,旦它不具備傳統的面向對象語言所支持的類和接口等基本結構。引用類型有時候也被稱為對象定義,因為他們描述的是一類對象所具有的屬性和方法。
5.1 Object類型
創建Object實例的方式有兩種。
第一種使用new操作符和Object()構造函數。
<pre>
var person = new Object();
person.name = "zhang";
person.age = "22";
</pre>
第二種使用對象字面量的表示法。
<pre>
var person = {
name:"zhang",
age:"22"
};
</pre>
使用方括號表示法訪問對象的屬性。方括號語法的主要優點是可以通過變量來訪問屬性,例如:
<pre>
var propertyName = "name";
alert(person[propertyName]);
</pre>
如果屬性名中包含導致語法錯誤的字符,或者屬性名使用的是關鍵字或保留字,也可以使用方括號表示法。
通常,除非必須使用變量來訪問屬性,否則我們建議使用點表示法。
5.2 Array類型
創建數組的方法有兩種。第一種使用構造函數。
<pre>
var colors = new Array();
</pre>
第二種是使用數組字面量表示法。
<pre>
var colors = ["red","blue"];
var colors1 = [1,2,];//不要這樣創建,這樣會創建一個包含2或3項的數組。
</pre>
數組的length屬性很有特點,它不是只讀的,通過設置這個屬性,可以從數組的末尾移除項或向數組中添加新項。
<pre>
var colors = ["red","blue","green"];
colors.length = 2;
alert(clolrs[2]);//undefined
colors[colors.length] = "black";//在位置2添加了一種顏色
</pre>
轉換方法
數組的toString()方法會返回有數組的每個值得字符串形式憑借而成的一個一逗號分隔的字符串。為了創建這個字符串會調用數組每一項的toString()方法
調用valueOf()返回的還是數組。
<pre>
var person1 = {
toString:function(){
return "tostring1";
},
valueOf:function(){
return "valueOf1";
},
toLocaleString:function(){
return "toLocaleString1";
}
}
var person2 = {
toString:function(){
return "tostring2";
},
valueOf:function(){
return "valueOf1";
},
toLocaleString:function(){
return "toLocaleString1";
}
}
var colors = [person1,person2];
console.log(colors.toString());
console.log(colors.toLocaleString());
console.log(colors);
console.log(colors.valueOf());
console.log(colors.join("||"));
</pre>
join()方法只接收一個參數,即用作分隔胡的字符串,然后返回包含所有數組項的字符串。
棧方法
棧是一種后進先出的數據結構。
push()方法可以接收任意數量的參數,吧他們逐個添加到數組末尾,并返回修改后數組的長度,pop()方法則從數組末尾移除最后一項,減少數組的length值,然后返回移除的項。
隊列方法
隊列數據結構的訪問規則是先進先出。
push()方法和shift()方法,移除隊列的第一項并返回該項,同時將數組長度減1.
反隊列方法
和隊列方法相反的規則,數組的前端添加項,從數組的末端移除項
<pre>
var colors = new Array();
var count = colors.unshift("red","green");
alert(count);//2
var item = colors.pop();
alert(item);//"green"
alert(colors.length);//1
</pre>
重排序方法
reverse()和sort()方法;sort()方法會調用每個數組項的toString()轉型方法,然后比較得到的字符串,以確定如何排序。
關于sort()函數的一些資料如下:
http://www.cnblogs.com/520yang/articles/4382688.html
操作方法
concat()方法
<pre>
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors);//red,green,blue
alert(colors2);//red,green,blue,yellow,black,brown
</pre>
slice()方法
<pre>
var num = [1,2,3,4,5];
var num1 = num.slice(1);
var num2 = num.slice(1,4);
alert(num1);//2,3,4,5
alert(num2);//2,3,4
console.log(num1);//[2,3,4,5]
</pre>
splice()方法始終返回一個數組,該數組中包含從原始數組中刪除的項(如果沒有刪除任何項,則返回一個空數組)
<pre>
var colors = ["red","green","blue"];
var removed = colors.splice(0,1);//刪除第一項
alert(colors);//green,blue
alert(removed);//red,返回的數組中只包含一項
removed = colors.splice(1,0,"yellow","orange");
alert(colors);//green,yellow,orange,blue
alert(removed);//返回的是一個空數組
removed = colors.splice(1,1,"red","purple");
alert(colors);//green,red,purple,orange,blue
alert(removed);//yellow,返回的數組中只包含一項
</pre>
位置方法
indexOf()和lastIndexOf(),這兩個方法都接受兩個參數:要查找的項和(可選的)表示查找七點位置的索引。這兩個方法都返回要查找的項在數組中的位置,或者在沒找到的情況下返回-1.要求查找的項必須嚴格相等。
迭代方法
五個迭代方法,每個方法都接受兩個參數:要在每一項上運行的函數和(可選的)運行該函數的作用域的對象——影響this的值;
傳入這些方法中的函數會接受三個參數:數組項的值、該項在數組中的位置和數組對象本身,根據使用的方法不同,這個函數執行后的返回值可能會也可能不會影響方法的返回值。
every():對數組中的每一項運行給定函數,如果該函數對每一項都返回true,則返回true。
<pre>
var numbers = [1,2,3,4,5,4,3,2,1];
var result = number.every(function(item,index,array){
return (item>2);
});
alert(result);//false
</pre>
some()方法只要傳入的函數對數組中的某一項返回true,就會返回true。
filter()函數
<pre>
var numbers = [1,2,3,4,5,4,3,2,1];
var result = numbers.filter(function(item,index,array){
return (item>2);
});
alert(result);//[3,4,5,4,3]
</pre>
map()函數,返回一個數組,而這個數組的每一項都是在原始數組中的對應項上運行傳入函數的結果。例如,可以給數組中的每一項乘以2,然后返回這些乘積組成的數組。
<pre>
var numbers = [1,2,3,4,5,4,3,2,1];
var result = numbers.map(function(item,index,array){
return item * 2;
});
alert(result);//[2,4,6,8,10,8,6,4,2]
</pre>
forEach()方法,對數組的每一項運行傳入的函數。這個方法沒有返回值,本質和使用for循環迭代數組一樣。
<pre>
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item,index,array){
//執行某些操作
});
</pre>
歸并方法
reduce()和reduceRight().這兩個方法都會迭代數組的所有項,然后構建一個最終返回的值。這兩個方法都接受兩個參數:一個在每一項上調用的函數和(可選的)作為歸并基礎的初始值。傳給的函數接收四個參數:前一個值、當前值、項的索引和數組對象。這個函數返回的任何職都會作為第一個參數自動傳給下一項。第一次迭代發生在數組的第二項上,因此第一個參數是數組的第一項,第二個參數是數組的第二項。
<pre>
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev,cur,index,array){
return prev + cur;
});
alert(sum);//15
</pre>
5.5 Function類型
函數實際上是對象。每個函數都是Function類型的實例,而且都與其他引用類型一樣具有屬性和方法。由于函數是對象,因此函數名實際上也是一個指向函數對象的指針,不會與某個函數綁定。
定義函數的方法:
<pre>
function sum(num1,num2){
rerurn num1 + num2;
};
</pre>
<pre>
var sum = function(num1,num2){
return num1 + num2;
};
</pre>
<pre>
var sum = new Function("num1","num2","return num1 + num2");//不推薦
</pre>
5.5.1 沒有重載
5.5.2 函數聲明和函數表達式
解析器會率先讀取函數聲明,并使其在執行任何代碼之前可用(可以訪問);至于函數表達式,則必須等到解析器執行到他所在的代碼行,才會被真正解釋執行。
<pre>
alert(sum(10,10));//發生錯誤,“unexpected identifier”(意外標識符)錯誤
var sum = function(num1,num2){
return num1 + num2;
};
</pre>
5.5.3 作為值的函數
不僅可以像傳遞參數一樣把一個函數傳遞給另一個函數,而且可以將一個函數作為另一個函數的結果返回。
<pre>
function callSomeFunction(someFunction,someArgument){
return someFunction(someArgument);
};
function add(num){
return num + 1;
};
var result = callSomeFunction(add,10);
alert(result);//20
</pre>
可以從一個函數中返回另一個函數,而且這也是很有用的一種技術。
<pre>
function createComparisonFunction(propertyName){
return function(object1,object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if(value1<value2){
return -1;
}else if(value1>value2){
return 1;
}else{
return 0;
}
}
}
</pre>
5.5.4 函數內部屬性
5.5.5 函數屬性和方法
每個函數有兩個屬性,length和prototype。其中,length屬性表示函數希望接收的命名參數的個數
<pre>
function sayName(name){
alert(name);
}
alert(sayName.length);//1
</pre>
prototype屬性是不可枚舉的,因此使用for-in無法發現。
每個函數都包含兩個非繼承而來的方法:apply()和call()。
<pre>
function sum(num1,num2){
return num1 + num2;
}
function callSum1(num1,num2){
return sum.apply(this,arguments);
}
function callSum2(num1,num2){
return sum.call(this,num1,num2);
}
alert(callSum1(10,10));//20
alert(callSum2(10,10));//20
</pre>
傳遞參數并非apply()和call()真正的用武之地,他們真正強大的地方是能夠擴充函數賴與運行的作用域。
<pre>
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
</pre>
使用call()或apply()來擴充作用域的好處,就是對象不需要與方法有任何耦合關系。
ECMAScript 5還定義了一個方法:bind()。這個方法會創建一個函數的實例,其this值會被綁定到傳給bind()函數的值。
<pre>
window.color = "red";
var o = {
color:"blue"
};
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor();//blue
</pre>