清晰認識JavaScript函數(shù)

函數(shù)是JavaScript中最基本的要素驮吱,是基礎(chǔ)中的基礎(chǔ)雕憔,如果你對函數(shù)僅僅是一知半解而叼,那基于函數(shù)構(gòu)建的JavaScript知識體系也不會牢固身笤。本人的觀點:基礎(chǔ)是最重要的東西,所以一定要徹底搞清楚澈歉。

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

1.1 函數(shù)申明

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

function a() {...}

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

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

// 打游谐尽:test
a();

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

1.2 函數(shù)表達式

1.2.1什么是表達式

理解函數(shù)表達式,首先要搞清楚什么是表達式响迂。從數(shù)學(xué)角度看考抄,表達式的定義:由數(shù)字、運算符合蔗彤、分組操作符()川梅、變量組成的以求值為目的組合。關(guān)鍵詞:以求值為目的然遏。在編程語言中表達式是用來計算出結(jié)果的贫途。

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

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

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

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

// 將代碼塊“function() {...}”的計算結(jié)果(實質(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() {};

// 打印:b is not defined
console.log(b);

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

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

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

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

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


在JavaScript中有一個關(guān)鍵字:Function,注意F大寫翔怎,它是一個構(gòu)造方法窃诉,我們創(chuàng)建的任何函數(shù)本質(zhì)上都是Function的實例,所以函數(shù)是實實在在的對象赤套。什么時候?qū)⒑瘮?shù)視為對象呢飘痛?在使用函數(shù)的屬性或方法時,雖然有點繞容握,但是JavaScript就是這么設(shè)計的宣脉,函數(shù)也擁有屬性與方法,比如apply剔氏、call等塑猖,這里不做展開,只給大家一個初步的概念谈跛。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末萌庆,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子币旧,更是在濱河造成了極大的恐慌,老刑警劉巖猿妈,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吹菱,死亡現(xiàn)場離奇詭異,居然都是意外死亡彭则,警方通過查閱死者的電腦和手機鳍刷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來俯抖,“玉大人输瓜,你說我怎么就攤上這事。” “怎么了尤揣?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵搔啊,是天一觀的道長。 經(jīng)常有香客問我北戏,道長负芋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任嗜愈,我火速辦了婚禮旧蛾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蠕嫁。我一直安慰自己锨天,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布剃毒。 她就那樣靜靜地躺著病袄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪迟赃。 梳的紋絲不亂的頭發(fā)上陪拘,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機與錄音纤壁,去河邊找鬼左刽。 笑死,一個胖子當(dāng)著我的面吹牛酌媒,可吹牛的內(nèi)容都是我干的欠痴。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼秒咨,長吁一口氣:“原來是場噩夢啊……” “哼喇辽!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起雨席,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤菩咨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后陡厘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抽米,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年糙置,在試婚紗的時候發(fā)現(xiàn)自己被綠了云茸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡谤饭,死狀恐怖标捺,靈堂內(nèi)的尸體忽然破棺而出懊纳,到底是詐尸還是另有隱情,我是刑警寧澤亡容,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布嗤疯,位于F島的核電站,受9級特大地震影響萍倡,放射性物質(zhì)發(fā)生泄漏身弊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一列敲、第九天 我趴在偏房一處隱蔽的房頂上張望阱佛。 院中可真熱鬧,春花似錦戴而、人聲如沸凑术。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽淮逊。三九已至,卻和暖如春扶踊,著一層夾襖步出監(jiān)牢的瞬間泄鹏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工秧耗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留备籽,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓分井,卻偏偏與公主長得像车猬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子尺锚,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容