開始學習javascript函數表達式,仔細閱讀下文。
1、一般形式的創建函數,在執行代碼之前會先讀取函數聲明,所以可以把函數聲明寫在函數調用的下面:
sayHi();
function sayHi(){
alert("Hi!");
}
2、使用函數表達式創建函數,調用前必須先賦值:
sayHi(); //錯誤!!函數不存在
var sayHi=function(){
alert("Hi!");
}
3、遞歸
一般遞歸
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * factorial(num-1);
}
}
arguments.callee指向正在執行的函數的指針,可以用它來實現遞歸:
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
}
4、閉包(閉包指一個函數,這個函數可以訪問另一個作用域裡的變量)。
創建閉包的常見方式:在一個函數內部創建另一個函數。當函數執行時,會創建一個執行環境和相應的作用域鏈。閉包只能取得包含函數中任何變量的最後一個值:
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(){
return i;
};
}
return result;
}
var funcs = createFunctions();
//every function outputs 10
for (var i=0; i < funcs.length; i++){
document.write(funcs[i]() + "<br />");
}
上面代碼輸出的全部是10。這是因為:每個funcs函數都保存著createFunctions()這個活動對象(這是一個函數,也是一個對象,也是一個引用類型Function類型),而createFunctions()這個活動對象有一個變量i,所以,每個funcs都將擁有這個變量i,而createFunctions()這個函數在返回結果時,i已經變成10了。所以funcs數組的每個值都是10.
可以像下面這樣改造:
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(num){
return function(){
return num;
};
}(i);
}
return result;
}
在調用每個匿名函數時,將i的當前值給了num,而在匿名函數內部,創建並返回num的閉包。這樣,返回數組的每個函數都有自己num變量的一個副本。(這段沒有說清,讀者自己再揣摩,如果有更好的描述方法,請評論在文章下面,謝謝)
5、this對象
6、模仿塊級作用域(私有作用域)
如下:
function outputNumbers(count){
for (var i=0; i < count; i++){
alert(i);
}
alert(i); //count
}
outputNumbers(5);
在Java等語言中,for裡面的變量i用完就銷毀了。而在javascript中,outputNumbers調用時生成活動對象,而這個i是屬於這個活動對象的,因此從它被定義開始,就可以在函數內部隨處訪問它,它在該活動對象內部是共有的。
匿名函數的語法(創建私有作用域):
(function(){
//這裡是塊級作用域
})();
函數聲明放在圓括號中,表示它是一個表達式,而後面再加個括號就可以立即調用它。
如果臨時需要一些變量,那麼就可以使用私有作用域:
function outputNumbers(count){
(function () {
for (var i=0; i < count; i++){
alert(i);
}
})();
alert(i); //causes an error
}
上面代碼中,i就被私有了,在匿名函數(私有域)外部訪問i時就會報錯,盡管alert依然在活動對象內。
7、私有變量
函數的參數、局部變量以及函數內部定義的其他函數都屬於該函數的私有變量。比如:
function add(num1,num2){
var sum = num1 + num2;
return sum;
}
有3個私有變量:num1,num2,sum。函數內部可以訪問它們,外部就不行了。
特權方法可以訪問私有變量:簡單說,使用表達式方式給它一個閉包,在閉包內部訪問其他函數:
function Person(name){
var a=0;
this.getName = function(){
return name + a;
};
this.setName = function (value) {
name = value;
};
}
this.getName、this.setName就是表達式方式,在創建Person實例後,只能通過getName或者setName來訪問name、a屬性。
以上就是本文的全部內容,希望對大家學習的學習有所幫助。