JS函數(shù)表達(dá)式的特征和遞歸

mudiyouyou 發(fā)布于2019-08-23 12:32 / 1392人閱讀

摘要：函數(shù)表達(dá)式是中的一個既強(qiáng)大又容易令人困惑的特性。函數(shù)表達(dá)式有幾種不同的語法形式。匿名函數(shù)的屬性是空字符竄。在把函數(shù)當(dāng)成值使用的情況下，都可以使用匿名函數(shù)。不過，這并不是匿名函數(shù)唯一的用途。不過我們可以使用命名函數(shù)表達(dá)式來達(dá)成相同的成果。

前言：最近在細(xì)讀Javascript高級程序設(shè)計，對于我而言，中文版，書中很多地方翻譯的差強(qiáng)人意，所以用自己所理解的，嘗試解讀下。如有紕漏或錯誤，會非常感謝您的指出。文中絕大部分內(nèi)容引用自《JavaScript高級程序設(shè)計第三版》。

函數(shù)表達(dá)式是JavaScript中的一個既強(qiáng)大又容易令人困惑的特性。

定義函數(shù)的方式有兩種：一種是函數(shù)聲明，另外一種就是函數(shù)表達(dá)式。

函數(shù)聲明的語法是這樣的。

function functionName(arg0, arg1, arg2) {
    //函數(shù)體
}

語法：首先是function關(guān)鍵字，然后是函數(shù)的名字，這就是指定函數(shù)名的方式。

Firefox、Safari、Chrome和Opera都給函數(shù)定義了一個非標(biāo)準(zhǔn)的name屬性，通過這個屬性可以訪問到給函數(shù)指定的名字。
這個屬性的值永遠(yuǎn)等于跟在function關(guān)鍵字后面的標(biāo)識符。

//只在Firefox、Safari、Chrome和Opera有效

function functionName(arg0, arg1, arg2) {

}

console.log(functionName.name); // "functionName"

關(guān)于函數(shù)聲明，它的一個重要特征就是函數(shù)聲明提升（function declaration hoisting），意思是在執(zhí)行代碼之前會先讀取函數(shù)聲明。這就意味著可以把函數(shù)聲明放在調(diào)用它的語句后面。

sayName(); // "Shaw"

function sayName(){
    console.log("Shaw");
}

這個例子不會拋出錯誤，因為在代碼執(zhí)行之前會先讀取函數(shù)聲明

第二種創(chuàng)建函數(shù)的方式是使用函數(shù)表達(dá)式。

函數(shù)表達(dá)式有幾種不同的語法形式。
下面是最常見的一種形式。

var functionName =  function(arg0, arg1, arg2) {
    //functionBody
};

這種形式看起來好像是常規(guī)的變量賦值語句，即創(chuàng)建一個函數(shù)并將它賦值給變量functionName。

這種情況下創(chuàng)建的函數(shù)叫做 匿名函數(shù)（anonymous function），因為function關(guān)鍵字后面沒有標(biāo)識符。
匿名函數(shù)也叫拉姆達(dá)函數(shù)。匿名函數(shù)的name屬性是空字符竄。

函數(shù)表達(dá)式與其他表達(dá)式一樣，在使用前必須先賦值。

sayHi(); // error : sayHi is not a function
var sayHi = function(){
    console.log("Hi");
}

// var sayHi //此時sayHi是undefined
// sayHi() // error : sayHi is not a function
// sayHi = function() { console.log("Hi");}

理解函數(shù)提升的關(guān)鍵，就是理解函數(shù)聲明與函數(shù)表達(dá)式之間的區(qū)別。

能夠創(chuàng)建函數(shù)再賦值給變量，也就能夠把函數(shù)作為其他函數(shù)的值返回。

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;
        }
    }
}

createComparisonFunction()返回了一個匿名函數(shù)。
返回的函數(shù)可能會被賦值給一個變量，或者以其他方式被調(diào)用。
不過，在createComparisonFunction()函數(shù)內(nèi)部，它是匿名的。
在把函數(shù)當(dāng)成值使用的情況下，都可以使用匿名函數(shù)。
不過，這并不是匿名函數(shù)唯一的用途。

遞歸

遞歸函數(shù)就是一個函數(shù)通過函數(shù)名調(diào)用自身的情況下構(gòu)成的。

function factorial(num) {
    if(num <= 1) {
        return 1;
    } else {
        return num * factorial(num-1);
    }
}

factorial(4); // 4*3*2*1 = 24

//4* factorial(3) => 4*3*factorial(2) => 4*3*2*factorial(1) => 4*3*2*1 => 24

這是一個經(jīng)典的遞歸階乘函數(shù)。雖然這個函數(shù)表面看來沒什么問題，但下面的代碼卻可能導(dǎo)致它出錯。

function factorial(num) {
    if(num <= 1) {
        return 1;
    } else {
        return num * factorial(num-1);
    }
}

var anotherFactorial = factorial;
factorial = null;
//注意這里，其實(shí)函數(shù)factorial指向一個空對象。
console.log(anotherFactorial(4));  //Error: anotherFactorial is not a function

以上代碼先把factorial()函數(shù)保存在變量anotherFactorial中，然后將factorial變量設(shè)置為null，結(jié)果指向原始函數(shù)的引用只剩下一個。
但在接下來調(diào)用anotherFactorial()時，必須執(zhí)行factorial()，而factorial已經(jīng)不是函數(shù)，所以就會導(dǎo)致錯誤。

Google Chrome測試了上述代碼，是不行的, 建議不用深入了解這部分的內(nèi)容。
在這種情況下，使用arguments.callee可以解決這個問題。

arguments.callee是一個指向正在執(zhí)行的函數(shù)的指針，因此可以用它來實(shí)現(xiàn)對函數(shù)的遞歸調(diào)用。

function factorial(num) {
    if(num <= 1) {
        return 1;
    } else {
        return num * arguments.callee(num-1);
    }
}

“return num * arguments.callee(num-1);” 通過使用arguments.callee代替函數(shù)名，可以確保無論怎么調(diào)用函數(shù)都不出問題。
因此，在編寫遞歸函數(shù)時，使用arguments.callee總比使用函數(shù)名更保險。

但在嚴(yán)格模式下，不能通過腳本訪問arguments.callee, 訪問這個屬性會導(dǎo)致錯誤。

不過我們可以使用命名函數(shù)表達(dá)式來達(dá)成相同的成果。

var factorial = function f(num){
    if(num <= 1) {
        return 1;
    } else {
        return num * f(num-1);
    }
}

//factorial 指向了函數(shù)f

var anotherFactorial = factorial;
//anotherFactorial 指向了函數(shù)f

factorial = null;
//factorial 指向了一個空對象。

anotherFactorial(4); //24
////anotherFactorial 指向了函數(shù)f, 所以還可以正常調(diào)用。

以上代碼創(chuàng)建了創(chuàng)建了一個名為f()的命名函數(shù)表達(dá)式，然后將它賦值給變量factorial。
即便把函數(shù)賦值給另一個變量，函數(shù)的名字f仍然有效，所以遞歸調(diào)用照樣能正確完成。
這種方式在嚴(yán)格模式和非嚴(yán)格模式下都行得通。

云服務(wù)器 GPU云服務(wù)器 js 異步函數(shù)遞歸 js函數(shù)加號和嘆號 js調(diào)用變量和函數(shù) js中函數(shù)和類

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98684.html

發(fā)表評論

登陸后可評論

0條評論

mudiyouyou

男|高級講師

我要關(guān)注我要私信

TA的文章

C++內(nèi)存管理

閱讀 2001·2021-11-19 09:40
數(shù)據(jù)的存儲練習(xí)題

閱讀 1960·2021-09-28 09:36
解決物體檢測中的小目標(biāo)問題

閱讀 2291·2021-09-22 10:02
CSS引入外部字體方法，附可用demo

閱讀 2733·2019-08-30 14:00
前端每日實(shí)戰(zhàn)：33# 視頻演示如何用純 CSS 創(chuàng)作牛奶文字變換效果

閱讀 1962·2019-08-29 15:31
CSS Variables學(xué)習(xí)筆記

閱讀 2904·2019-08-29 15:11
用JS寫一個計算器（兼容手機(jī)端）

閱讀 2915·2019-08-29 13:04
PHP常用操作類實(shí)現(xiàn)——通信數(shù)據(jù)封裝類

閱讀 1088·2019-08-27 10:55

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

JS函數(shù)表達(dá)式的特征和遞歸

相關(guān)文章

Javascript 中 Y 組合子的推導(dǎo)

深入淺出JS的對象屬性

ES6函數(shù)與Lambda演算

js函數(shù)學(xué)習(xí)

**SICP Python 描述 3.2 函數(shù)和所生成的過程**

發(fā)表評論

0條評論

mudiyouyou

男|高級講師

TA的文章

C++內(nèi)存管理

數(shù)據(jù)的存儲練習(xí)題

解決物體檢測中的小目標(biāo)問題

CSS引入外部字體方法，附可用demo

前端每日實(shí)戰(zhàn)：33# 視頻演示如何用純 CSS 創(chuàng)作牛奶文字變換效果

CSS Variables學(xué)習(xí)筆記

用JS寫一個計算器（兼容手機(jī)端）

PHP常用操作類實(shí)現(xiàn)——通信數(shù)據(jù)封裝類

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

JS函數(shù)表達(dá)式的特征和遞歸

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！