JS函數(shù)的定義

一 函數(shù)的定義

JavaScript三種定義函數(shù)方法:
*第一種 使用function語句定義函數(shù)
myFunction(5);
function myFunction(y) {
    return y * y;
}

第二種 使用Function()構(gòu)造函數(shù)來定義函數(shù)(不常用)

var 函數(shù)名 = new Function(“參數(shù)1”,”參數(shù)2”帆啃,”參數(shù)3”……”函數(shù)體”);
如:
var 函數(shù)名 = new Function("x","y","var z=x+y;return z;");

*第三種 函數(shù)表達(dá)式

JavaScript 函數(shù)可以通過一個表達(dá)式定義瞬女。
函數(shù)表達(dá)式可以存儲在變量中:
var 函數(shù)名 = function(參數(shù)1,參數(shù)2努潘,…){函數(shù)體};
//例如:
//定義
    var add = function(a,b){
        return a+b;
    }
    //調(diào)用函數(shù)
    document.write(add(50,20));

第四種 自調(diào)用函數(shù)

函數(shù)表達(dá)式可以 "自調(diào)用"诽偷。
自調(diào)用表達(dá)式會自動調(diào)用。
如果表達(dá)式后面緊跟 () 疯坤,則會自動調(diào)用报慕。
不能自調(diào)用聲明的函數(shù)。
通過添加括號压怠,來說明它是一個函數(shù)表達(dá)式:
實例:
(function () {
    var x = "Hello!!";      // 我將調(diào)用自己
})();
注意:
arguments 對象

在函數(shù)代碼中眠冈,使用特殊對象 arguments,開發(fā)者無需明確指出參數(shù)名菌瘫,就能訪問它們蜗顽。
例如,在函數(shù) sayHi() 中雨让,第一個參數(shù)是 message雇盖。用 arguments[0]
也可以訪問這個值,即第一個參數(shù)的值(第一個參數(shù)位于位置 0栖忠,
第二個參數(shù)位于位置 1刊懈,依此類推)这弧。

例如:arguments
x = sumAll(1, 123, 500, 115, 44, 88);

function sumAll() {
    var i, sum = 0;
    for (i = 0; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
}
關(guān)于變量和參數(shù)問題:
1. 函數(shù)外面定義的變量是全局變量,函數(shù)內(nèi)可以直接使用
2. 在函數(shù)內(nèi)部沒有使用var定義的=變量則為全局變量
3. 在函數(shù)內(nèi)使用var關(guān)鍵字定義的變量是局部變量虚汛,即出了函數(shù)外邊無法獲取匾浪。
函數(shù)支持默認(rèn)值
4. 在函數(shù)內(nèi)部定義的函數(shù)為局部函數(shù) 在函數(shù)外部不能獲取到

二 JavaScript 閉包


JavaScript 變量可以是局部變量或全局變量。
私有變量可以用到閉包卷哩。
函數(shù)內(nèi)部可以修改函數(shù)外部的全局變量

計數(shù)器困境

設(shè)想下如果你想統(tǒng)計一些數(shù)值蛋辈,且該計數(shù)器在所有函數(shù)中都是可用的。

你可以使用全局變量将谊,函數(shù)設(shè)置計數(shù)器遞增:

var counter = 0;
 
function add() {
   return counter += 1;
}
 
add();
add();
add();
 
// 計數(shù)器現(xiàn)在為 3

但問題來了冷溶,頁面上的任何腳本都能改變計數(shù)器,即便沒有調(diào)用 add() 函數(shù)尊浓。

如果我在函數(shù)內(nèi)聲明計數(shù)器逞频,如果沒有調(diào)用函數(shù)將無法修改計數(shù)器的值:

function add() {
    var counter = 0;
    return counter += 1;
}
 
add();
add();
add();
// 本意是想輸出 3, 但事與愿違,輸出的都是 1 !

JavaScript 內(nèi)嵌函數(shù)

所有函數(shù)都能訪問全局變量栋齿。

實際上苗胀,在 JavaScript 中,所有函數(shù)都能訪問它們上一層的作用域瓦堵。

JavaScript 支持嵌套函數(shù)基协。嵌套函數(shù)可以訪問上一層的函數(shù)變量。

該實例中菇用,內(nèi)嵌函數(shù) plus() 可以訪問父函數(shù)的 counter 變量:

實例:
function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();    
    return counter; 
}

JavaScript 閉包

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
 
add();
add();
add();
 
// 計數(shù)器為 3

實例解析

變量 add 指定了函數(shù)自我調(diào)用的返回字值澜驮。
自我調(diào)用函數(shù)只執(zhí)行一次。設(shè)置計數(shù)器為 0惋鸥。并返回函數(shù)表達(dá)式杂穷。
add變量可以作為一個函數(shù)使用。非常棒的部分是它可以訪問函數(shù)上一層作用域的計數(shù)器卦绣。
這個叫作 JavaScript 閉包亭畜。它使得函數(shù)擁有私有變量變成可能。
計數(shù)器受匿名函數(shù)的作用域保護迎卤,只能通過 add 方法修改拴鸵。
232323.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蜗搔,隨后出現(xiàn)的幾起案子劲藐,更是在濱河造成了極大的恐慌,老刑警劉巖樟凄,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件聘芜,死亡現(xiàn)場離奇詭異,居然都是意外死亡缝龄,警方通過查閱死者的電腦和手機汰现,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門挂谍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瞎饲,你說我怎么就攤上這事口叙。” “怎么了嗅战?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵妄田,是天一觀的道長。 經(jīng)常有香客問我驮捍,道長疟呐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任东且,我火速辦了婚禮启具,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘珊泳。我一直安慰自己鲁冯,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布旨椒。 她就那樣靜靜地躺著,像睡著了一般堵漱。 火紅的嫁衣襯著肌膚如雪综慎。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天勤庐,我揣著相機與錄音示惊,去河邊找鬼。 笑死愉镰,一個胖子當(dāng)著我的面吹牛米罚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播丈探,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼录择,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了碗降?” 一聲冷哼從身側(cè)響起隘竭,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎讼渊,沒想到半個月后动看,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡爪幻,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年菱皆,在試婚紗的時候發(fā)現(xiàn)自己被綠了须误。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡仇轻,死狀恐怖京痢,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情拯田,我是刑警寧澤历造,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站船庇,受9級特大地震影響吭产,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸭轮,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一臣淤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧窃爷,春花似錦邑蒋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至逮京,卻和暖如春卿堂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背懒棉。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工草描, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人策严。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓穗慕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親妻导。 傳聞我的和親對象是個殘疾皇子逛绵,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,876評論 2 361

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