javascript中的Function型別
Function(函式)型別實際上是物件。每個函式都是Function型別的例項,而且都與其他引用型別一樣具有屬性和方法。由於函式是物件,因此函式名實際上也是一個指向函式物件的指標。
一.函式的宣告方式
1.普通的函式宣告
function laber(num1, num2) { return num1+ num2; }
2.使用變數初始化函式
var laber = function(num1, num2) { return num1 + num2; };
3.使用Function建構函式 ps:不建議用這種方式
var laber = newFunction('num1', 'num2' ,'return num1 + num2');
二.作為值的函式
函式名本身就是變數,所以函式也可以作為值來使用。也就是說,不僅可以像傳遞引數一樣把一個函式傳遞給另一個函式,而且可以將一個函式作為另一個函式的結果返回。
function laber(number, num) { return number(num); //number } function sum(num) { return num + 10; } var result = laber(sum, 10); //傳遞函式到另一個函式裡
三.函式內部屬性
在函式內部,有兩個特殊的物件:arguments和this。arguments是一個類陣列物件,包含著傳入函式中的所有引數,主要用途是儲存函式引數。但這個物件還有一個名叫callee的屬性,該屬性是一個指標,指向擁有這個arguments物件的函式。
function laber(num) { if (num <= 1) { return 1; } else { return num * laber(num-1); //一個簡單的的遞迴 } }
對於階乘函式一般要用到遞迴演算法,所以函式內部一定會呼叫自身;如果函式名不改變是沒有問題的,但一旦改變函式名,內部的自身呼叫需要逐一修改。為了解決這個問題,我們可以使用
function laber(num) { if (num <= 1) { return 1; } else { return num * arguments.callee(num-1);//使用callee來執行自身 } }
函式內部另一個特殊物件是this,this引用的是函資料以執行操作的物件,或者說函式呼叫語句所處的那個作用域。PS:當在全域性作用域中呼叫函式時,this物件引用的就是window。
window.color = '紅色的'; //全域性的,或者var color = '紅色的';也行 alert(this.color); //列印全域性的color var laber = { color : '藍色的', //區域性的color sayColor : function () { alert(this.color); //此時的this只能box裡的color } }; laber.sayColor(); //列印區域性的color alert(this.color);
四.函式屬性和方法
函式是物件,因此函式也有屬性和方法。每個函式都包含兩個屬性:length和prototype。其中,length屬性表示函式希望接收的命名引數的個數。
PS:對於prototype屬性,它是儲存所有例項方法的真正所在,也就是原型。prototype下有兩個方法:apply()和call(),每個函式都包含這兩個非繼承而來的方法。這兩個方法的用途都在特定的作用域中呼叫函式,實際上等於設定函式體內this物件的值。
function laber(name, age) { alert(name + age); } alert(laber.length);
apply()方法:
function laber(num1, num2) { return num1 + num2; //原函式 } function laber2(num1, num2) { return laber.apply(this, [num1, num2]); //this表示作用域,這裡是window } //[]表示laber所需要的引數 function laber3(num1, num2) { return laber.apply(this, arguments); //arguments物件表示laber所需要的引數 } alert(laber2(10,10)); //20 alert(laber3(10,10)); //20
call()方法於apply()方法相同,他們的區別僅僅在於接收引數的方式不同。對於call()方法而言,第一個引數是作用域,沒有變化,變化只是其餘的引數都是直接傳遞給函式的。
function laber(num1, num2) { return num1 + num2; } function laber2(num1, num2) { return laber.call(this, num1, num2); //和apply區別在於後面的傳參 } alert(laber2(8,8));
事實上,傳遞引數並不是apply()和call()方法真正的用武之地;它們經常使用的地方是能夠擴充套件函式賴以執行的作用域。
var color = '紅色的'; //或者window.color = '紅色的';也行 var laber= { color : '藍色的' }; function sayColor() { alert(this.color); } sayColor(); //作用域在window sayColor.call(this); //作用域在window sayColor.call(window); //作用域在window sayColor.call(box); //作用域在laber,物件冒充
使用call()或者apply()來擴充作用域的最大好處,就是物件不需要與方法發生任何耦合關係(耦合,就是互相關聯的意思,擴充套件和維護會發生連鎖反應)。