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

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

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

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

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

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

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

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

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

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

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

function functionName(arg0, arg1, arg2) {

}

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

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

sayName(); // "Shaw"

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

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

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

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

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

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

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

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

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ù)提升的關鍵，就是理解函數(shù)聲明與函數(shù)表達式之間的區(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ù)可能會被賦值給一個變量，或者以其他方式被調用。
不過，在createComparisonFunction()函數(shù)內部，它是匿名的。
在把函數(shù)當成值使用的情況下，都可以使用匿名函數(shù)。
不過，這并不是匿名函數(shù)唯一的用途。

遞歸

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

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ù)表面看來沒什么問題，但下面的代碼卻可能導致它出錯。

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

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

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

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

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

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

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

但在嚴格模式下，不能通過腳本訪問arguments.callee, 訪問這個屬性會導致錯誤。

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

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, 所以還可以正常調用。

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

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

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/98684.html

Javascript 中 Y 組合子的推導

摘要：組合子是演算中的一個概念，是任意函數(shù)的不動點，在函數(shù)式編程中主要作用是提供一種匿名函數(shù)的遞歸方式。組合子如下本文將盡量通俗易懂的以實現(xiàn)匿名函數(shù)遞歸為導向，推導出這一式子。若將替換為，將導致組合子中的作為的參數(shù)被立即求值。 Y 組合子是 lambda 演算中的一個概念，是任意函數(shù)的不動點，在函數(shù)式編程中主要作用是提供一種匿名函數(shù)的遞歸方式。 Y 組合子如下： $$ λf.(λx.f(x...

sourcenode 2019-08-20 13:58 評論0 收藏0
深入淺出JS的對象屬性

摘要：布爾值，是否能通過循環(huán)或返回屬性。而區(qū)別在于為布爾值的特征的默認值，通過屬性訪問器設置的默認都是，而通過定義屬性設置的默認都是。該方法返回被凍結的對象。可能很多人都知道最近很火的MVVM（model-view-virtualModel）框架，如Vue/Angular/React，如果你不知道的話，就要抓緊學習了，它能夠把你從高頻復雜的DOM解析中解脫出來。MVVM框架的最主要的特性就...

Carl 2019-08-21 16:46 評論0 收藏0
ES6函數(shù)與Lambda演算

摘要：高階函數(shù)函數(shù)式編程中，接受函數(shù)作為參數(shù)，或者返回一個函數(shù)作為結果的函數(shù)通常就被稱為高階函數(shù)。均屬于高階函數(shù)，高階函數(shù)并不神秘，我們日常編程也會用到。參考演算函數(shù)式編程指南入門康托爾哥德爾圖靈永恒的金色對角線原文函數(shù)與演算緣起造了一個輪子，根據(jù)GitHub項目地址，生成項目目錄樹，直觀的展現(xiàn)項目結構，以便于介紹項目。歡迎Star。 repository-tree 技術棧： ES6 ...

fasss 2019-08-21 18:45 評論0 收藏0
js函數(shù)學習

摘要：函數(shù)聲明靜態(tài)函數(shù)函數(shù)聲明有個特征就是函數(shù)可以函數(shù)聲明提前函數(shù)表達式這種方式命名，沒有函數(shù)聲明提前，這個方式也是自己比較喜歡用的方式。函數(shù)聲明（靜態(tài)函數(shù)）函數(shù)聲明有個特征就是函數(shù)可以函數(shù)聲明提前 hello(); function hello(){ console.log(hello js); } 函數(shù)表達式（Function expressions） var hello2...

JasinYip 2019-08-22 10:57 評論0 收藏0
SICP Python 描述 3.2 函數(shù)和所生成的過程

摘要：函數(shù)和所生成的過程來源譯者飛龍協(xié)議函數(shù)是計算過程的局部演化模式。在這一章中，我們會檢測一些用于簡單函數(shù)所生成過程的通用模型。也就是說，遞歸函數(shù)的執(zhí)行過程可能需要再次調用這個函數(shù)。 3.2 函數(shù)和所生成的過程來源：3.2 Functions and the Processes They Generate 譯者：飛龍協(xié)議：CC BY-NC-SA 4.0 函數(shù)是計算過程的局部演化...

lolomaco 2019-07-25 10:47 評論0 收藏0