淺析javascript函數(shù)表達式
開始學(xué)習(xí)javascript函數(shù)表達式,仔細閱讀下文。
1、一般形式的創(chuàng)建函數(shù),在執(zhí)行代碼之前會先讀取函數(shù)聲明,所以可以把函數(shù)聲明寫在函數(shù)調(diào)用的下面:
sayHi();
function sayHi(){
alert("Hi!");
}
2、使用函數(shù)表達式創(chuàng)建函數(shù),調(diào)用前必須先賦值:
sayHi(); //錯誤?。『瘮?shù)不存在
var sayHi=function(){
alert("Hi!");
}
3、遞歸
一般遞歸
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * factorial(num-1);
}
}
arguments.callee指向正在執(zhí)行的函數(shù)的指針,可以用它來實現(xiàn)遞歸:
function factorial(num){
if (num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
}
4、閉包(閉包指一個函數(shù),這個函數(shù)可以訪問另一個作用域里的變量)。
創(chuàng)建閉包的常見方式:在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)。當(dāng)函數(shù)執(zhí)行時,會創(chuàng)建一個執(zhí)行環(huán)境和相應(yīng)的作用域鏈。閉包只能取得包含函數(shù)中任何變量的最后一個值:
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函數(shù)都保存著createFunctions()這個活動對象(這是一個函數(shù),也是一個對象,也是一個引用類型Function類型),而createFunctions()這個活動對象有一個變量i,所以,每個funcs都將擁有這個變量i,而createFunctions()這個函數(shù)在返回結(jié)果時,i已經(jīng)變成10了。所以funcs數(shù)組的每個值都是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;
}
在調(diào)用每個匿名函數(shù)時,將i的當(dāng)前值給了num,而在匿名函數(shù)內(nèi)部,創(chuàng)建并返回num的閉包。這樣,返回數(shù)組的每個函數(shù)都有自己num變量的一個副本。(這段沒有說清,讀者自己再揣摩,如果有更好的描述方法,請評論在文章下面,謝謝)
5、this對象
- 全局函數(shù)中,this就相當(dāng)于window。
- 函數(shù)被作為某個方法調(diào)用時,this相當(dāng)于那個對象。
- 每個函數(shù)在被調(diào)用時,這個函數(shù)都會自動獲取兩個特殊變量:this、arguments。內(nèi)部函數(shù)在搜索這兩個變量時,只搜索到活動對象為止。
6、模仿塊級作用域(私有作用域)
如下:
function outputNumbers(count){
for (var i=0; i < count; i++){
alert(i);
}
alert(i); //count
}
outputNumbers(5);
在Java等語言中,for里面的變量i用完就銷毀了。而在javascript中,outputNumbers調(diào)用時生成活動對象,而這個i是屬于這個活動對象的,因此從它被定義開始,就可以在函數(shù)內(nèi)部隨處訪問它,它在該活動對象內(nèi)部是共有的。
匿名函數(shù)的語法(創(chuàng)建私有作用域):
(function(){
//這里是塊級作用域
})();
函數(shù)聲明放在圓括號中,表示它是一個表達式,而后面再加個括號就可以立即調(diào)用它。
如果臨時需要一些變量,那么就可以使用私有作用域:
function outputNumbers(count){
(function () {
for (var i=0; i < count; i++){
alert(i);
}
})();
alert(i); //causes an error
}
上面代碼中,i就被私有了,在匿名函數(shù)(私有域)外部訪問i時就會報錯,盡管alert依然在活動對象內(nèi)。
7、私有變量
函數(shù)的參數(shù)、局部變量以及函數(shù)內(nèi)部定義的其他函數(shù)都屬于該函數(shù)的私有變量。比如:
function add(num1,num2){
var sum = num1 + num2;
return sum;
}
有3個私有變量:num1,num2,sum。函數(shù)內(nèi)部可以訪問它們,外部就不行了。
特權(quán)方法可以訪問私有變量:簡單說,使用表達式方式給它一個閉包,在閉包內(nèi)部訪問其他函數(shù):
function Person(name){
var a=0;
this.getName = function(){
return name + a;
};
this.setName = function (value) {
name = value;
};
}
this.getName、this.setName就是表達式方式,在創(chuàng)建Person實例后,只能通過getName或者setName來訪問name、a屬性。
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)的學(xué)習(xí)有所幫助。
相關(guān)文章
JS函數(shù)的call和apply的實現(xiàn)方法區(qū)別分析
這篇文章主要為大家介紹了JS函數(shù)的call和apply的實現(xiàn)方法區(qū)別分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
什么是cookie?js手動創(chuàng)建和存儲cookie
cookie 是存儲于訪問者的計算機中的變量,在這個例子中我們要創(chuàng)建一個存儲訪問者名字的 cookie,需要的朋友可以參考下2014-05-05
優(yōu)化innerHTML操作(提高代碼執(zhí)行效率)
多數(shù)現(xiàn)代瀏覽器都實現(xiàn)了innerHTML操作,它的方便性讓我們愛不釋手,但如果使用不當(dāng),很容易出現(xiàn)效率問題,本文通過一個例子來說明如何優(yōu)化innerHTML操作。2011-08-08
基于Electron實現(xiàn)桌面應(yīng)用開發(fā)代碼實例
這篇文章主要介紹了基于Electron實現(xiàn)桌面應(yīng)用開發(fā)代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07
JavaScript高級程序設(shè)計 XML、Ajax 學(xué)習(xí)筆記
JavaScript高級程序設(shè)計 XML、Ajax 學(xué)習(xí)筆記,需要的朋友可以參考下。2011-09-09

