清晰認識JavaScript函數(shù)

函數(shù)是JavaScript中最基本的要素,是基礎中的基礎,如果你對函數(shù)僅僅是一知半解,那基于函數(shù)構建的JavaScript知識體系也不會牢固。本人的觀點:基礎是最重要的東西,所以一定要徹底搞清楚。

一、創(chuàng)建函數(shù)的方式

1.1 函數(shù)申明

單純的使用function+函數(shù)名:

function a() {...}

兩個關鍵點:
一、強調(diào)單純,申明函數(shù)的代碼不歸屬于任何表達式
二、必須指定函數(shù)名

此外函數(shù)申明可以被JavaScript解釋器提前執(zhí)行,所以以下代碼不會報錯:

// 打印:test
a();

function a() {
    console.log("test");
}

1.2 函數(shù)表達式

1.2.1什么是表達式

理解函數(shù)表達式,首先要搞清楚什么是表達式。從數(shù)學角度看,表達式的定義:由數(shù)字、運算符合、分組操作符()、變量組成的以求值為目的組合。關鍵詞:以求值為目的。在編程語言中表達式是用來計算出結果的。

1.2.2 函數(shù)表達式的定義

在表達式中定義的函數(shù)。

由定義可知,函數(shù)表達式并沒有一個固定的寫法,判斷準則只有一條:函數(shù)是否定義在表達式中,或作為表達式存在。舉例說明:

// 將代碼塊“function() {...}”的計算結果(實質(zhì)上是匿名函數(shù)的引用)賦值給a
var a = function() {..};

// 將代碼塊“function() {...}”的計算結果(實質(zhì)上是匿名函數(shù)的引用)作為t的參數(shù)
function t(function(){
});

// 分組操作符中的函數(shù)表達式,JavaScript解釋器會自動計算()內(nèi)的內(nèi)容
(function() {});

// 指定函數(shù)名的函數(shù)表達式叫:命名函數(shù)表達式
var a = function b() {...};

以上示例中的function() {...}function b() {...}都是函數(shù)表達式,但是單獨使用的function() {...}function b() {...}就不是函數(shù)表達式了,由此可知,函數(shù)表達式必須擁有一個上下文的環(huán)境,在此環(huán)境中,作為表達式的函數(shù)才是函數(shù)表達式,本質(zhì)上就是一個表達式而已。

函數(shù)表達式中的函數(shù)名可以省略,沒有指定函數(shù)名的函數(shù)叫匿名函數(shù),匿名函數(shù)不能單獨存在,只能作為表達式存在。

1.3 命名函數(shù)表達式

1.3.1 存在的意義

一般情況下函數(shù)表達式不需要指定函數(shù)名,只作為匿名函數(shù)存在,但是有一種場景必須指定名字才行:函數(shù)表達式中調(diào)用函數(shù)本身。

var a = function b(n) {
    n--;
    if (n > 5) {
        b(n);
    }
};

你可能覺得上面的例子沒有說服力,因為完全可以通過函數(shù)申明的方式實現(xiàn);但是下面的例子,只能通過命名函數(shù)表達式來實現(xiàn):

function a(function b(n) {
    n--;
    if (n > 5) {
        b(n);
    }
});

該例中,函數(shù)表達式作為參數(shù)存在,如果想調(diào)用自身,只能指定函數(shù)的名字。(arguments.callee()可以實現(xiàn)調(diào)用函數(shù)本身,但從es5開始禁止在strict mode中使用)

1.3.2 ie中的bug

命名函數(shù)表達式在ECMAScript規(guī)范中指出,函數(shù)名對外不可見,只能在函數(shù)內(nèi)部使用,例如:

var a = function b() {};

// 打?。篵 is not defined
console.log(b);

但是在ie8及ie8以下版本中,函數(shù)名卻可以訪問,如果你在ie8中使用了命名函數(shù)表達式,一定要注意該bug帶來的影響,好在從ie9開始,微軟修復了這個bug。

二、IIFE(立即調(diào)用的函數(shù)表達式)

在JavaScript開發(fā)中,最頭疼的問題就是命名沖突,為了解決這個問題,我們首先想到的是將全部的屬性與方法掛在一個全局變量上,實現(xiàn)單全局變量;為了追求極致,人們開始尋找0全局變量的解決方案,首先想到的就是匿名函數(shù),為什么呢?邏輯很簡單,因為它沒有名字。而匿名函數(shù)只能作為函數(shù)表達式存在,所以就有了以下代碼:

(function() {...})();

function() {...}是一個匿名函數(shù),通過分組操作符包裹起來作為表達式存在,而這個表達式的計算結果顯然是一個函數(shù),既然是函數(shù)就可以通過()來調(diào)用執(zhí)行。
三、為什么說函數(shù)也是對象


在JavaScript中有一個關鍵字:Function,注意F大寫,它是一個構造方法,我們創(chuàng)建的任何函數(shù)本質(zhì)上都是Function的實例,所以函數(shù)是實實在在的對象。什么時候?qū)⒑瘮?shù)視為對象呢?在使用函數(shù)的屬性或方法時,雖然有點繞,但是JavaScript就是這么設計的,函數(shù)也擁有屬性與方法,比如apply、call等,這里不做展開,只給大家一個初步的概念。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容