您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關(guān)JavaScript中函數(shù)表達式的示例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
JavaScript函數(shù)表達式
一、序
定義函數(shù)的方式有兩種:一種是函數(shù)聲明,另一種就是函數(shù)表達式;
1.1 函數(shù)聲明
function functionName(arg){ //函數(shù)體 }
關(guān)于函數(shù)聲明,它有一個重要特征就是函數(shù)聲明提升,意思就是在執(zhí)行代碼之前會先讀取函數(shù)聲明。這就意味著可以把函數(shù)放在調(diào)用它的語句后面。如下所示:
helloworld(); //在代碼執(zhí)行之前會先讀取函數(shù)聲明 function helloworld(){ console.log("hello world"); }
1.2 函數(shù)表達式
var functionName=function(arg){ //函數(shù)體 }
這種形式看起來好像是常規(guī)的變量賦值語句,即創(chuàng)建一個函數(shù)并將它賦值給變量functionName。這種情況下創(chuàng)建的函數(shù)叫做匿名函數(shù)。因為function關(guān)鍵字后面沒有標識符。
函數(shù)表達式與其他表達式一樣,在使用之前必須先賦值;如下面代碼就會導(dǎo)致錯誤;
helloworld(); //錯誤,還未賦值,函數(shù)不存在 var helloworld=function(){ console.log("hello world"); }
有了函數(shù)表達式,我們就可以動態(tài)給函數(shù)表達式賦值了;如下面代碼:
var helloworld; //聲明 if(condition){ //條件 helloworld=function(){ //賦值 console.log("hello world"); } } else{ helloworld=function(){ //賦值 console.log("你好,世界"); } }
二、遞歸函數(shù)
遞歸函數(shù)是在一個函數(shù)通過名字調(diào)用自身的情況下構(gòu)成的(和C#等語言一樣,所以程序的核心思想是差不多,只是在語法上有些差異,學(xué)好一門語言的基礎(chǔ),學(xué)習(xí)其他就會輕松很多),舉個經(jīng)典的遞歸面試題,一列數(shù)的規(guī)則如下 : 1 、 1 、 2 、 3 、 5 、 8 、 13 、 21 、 34…… 求第 30 位數(shù)是多少, 用遞歸算法實現(xiàn),代碼如下所示:
function foo(n) { if (n <= 0) return 0; else if (n > 0 && n <= 2) return 1; else return foo(n - 1) + foo(n - 2); }
雖然這個函數(shù)表明看來沒有什么問題,但下面的代碼卻可能導(dǎo)致它出錯:
var foo1 = foo; foo = null; console.log(foo1(34));
以上代碼先把foo()函數(shù)保存在變量foo1中,然后將foo變量設(shè)為null,結(jié)果指向原始函數(shù)的引用只剩下一個。但在接下來調(diào)用foo1()時,由于必須執(zhí)行foo(),而foo已經(jīng)為null了,所以就會導(dǎo)致錯誤;在這種情況下,使用arguments.callee可以解決這個問題。arguments.callee是一個指向正在執(zhí)行的函數(shù)的指針,因此可以用它來實現(xiàn)對函數(shù)的遞歸調(diào)用
function foo(n) { if (n <= 0) return 0; else if (n > 0 && n <= 2) return 1; else return arguments.callee(n - 1) + arguments.callee(n - 2); }
也可以使用命名函數(shù)表達式來達成相同的結(jié)果。例如:
var foo = (function f(n) { if (n <= 0) return 0; else if (n > 0 && n <= 2) return 1; else return f(n - 1) + f(n - 2); });
三、閉包
3.1 閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù),創(chuàng)建閉包的常見方式,就是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)。要理解閉包,首先必須理解JavaScript特殊變量的作用域。變量的作用域無非就是兩種,全局變量和局部變量;接下來寫幾個demo來直觀表達;
函數(shù)內(nèi)部直接讀取全局變量:
var n = 100; //定義一個全局變量 function fn() { console.log(n); //函數(shù)內(nèi)部直接讀取全局變量 } fn();
函數(shù)外部不能直接讀取局部變量:
function fn() { var n = 100; } console.log(n); //n is not defined
在這里有個地方需要注意的是,在函數(shù)內(nèi)部聲明變量的時候,一定要用var ,如果沒用,則會變成全局變量:
function fn() { n = 100; } fn(); console.log(n); //100
有時候我們需要得到函數(shù)內(nèi)部聲明的變量,所以可以使用上面提到創(chuàng)建閉包的常用方式,在函數(shù)內(nèi)部創(chuàng)建另一個函數(shù):
function fn() { n = 100; function fn1() { console.log(n); } fn1(); } fn(); //100
在上面的代碼中,函數(shù)fn1就被包括在函數(shù)fn內(nèi)部,這時fm內(nèi)部的所有局部變量,對fn1都是可見的。但是反過來就不行,fn1內(nèi)部的局部變量,對fn就是不可見的。這就是Javascript語言特有的"鏈式作用域"結(jié)構(gòu),子對象會一級一級地向上尋找所有父對象的變量。所以,父對象的所有變量,對子對象都是可見的,反之則不成立。
竟然fn1可以讀取fn內(nèi)部變量,那么只要把fn1作為返回值,這要我們就可以在外部讀取fn的變量了
function fn() { n = 100; function fn1() { console.log(n); } return fn1; } var result=fn(); result(); //100
在這里fn1就是閉包,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在Javascript語言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數(shù)內(nèi)部的函數(shù)"。所以,在本質(zhì)上,閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
3.2 閉包的用途
它的最大用處有兩個,一個是前面提到的可以讀取函數(shù)內(nèi)部的變量,另一個就是讓這些變量的值始終保持在內(nèi)存中。如下面代碼所示:
function fn() { n = 100; nadd = function () { n += 1; } function fn1() { console.log(n); } return fn1; } var result = fn(); result(); //100 nadd(); result(); //101
注意:由于閉包函數(shù)會攜帶包含它的函數(shù)的作用域,因此會比其他函數(shù)占用更多的內(nèi)存,過度使用閉包可能會導(dǎo)致內(nèi)存占用過多,所以在退出函數(shù)之前,將不使用的局部變量全部刪除。
四、塊級作用域
塊級作用域(又稱為私有作用域)的匿名函數(shù)的語法如下所示:
(function(){ //塊級作用域 })();
無論在什么地方,只要臨時需要一些變量,就可以使用私有作用域,比如:
(function () { var now = new Date(); if (now.getMonth() == 0 && now.getDate() == 1) { alert("新年快樂"); } })();
把上面這段代碼放到全局作用域中,如果到了1月1日就會彈出“新年快樂”的祝福;這種技術(shù)經(jīng)常在全局作用域中被用在函數(shù)外部,從而限制向全局作用域中添加過多的變量和函數(shù)。一般來說,我們都應(yīng)該盡量少向全局作用域中添加變量和函數(shù)。在一個由很多開發(fā)人員共同參與的大型應(yīng)用程序中,過多的全局變量和函數(shù)很容易導(dǎo)致命名沖突。而通過創(chuàng)建私用作用域,每個開發(fā)人員既可以使用自己的變量,又不必擔(dān)心搞亂全局作用域。
關(guān)于“JavaScript中函數(shù)表達式的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。