我的JS筆記 -- 函數(shù)


函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊欲诺,在JS中定義函數(shù)的方式有兩種:函數(shù)聲明和函數(shù)表達(dá)式狱庇。

區(qū)分函數(shù)聲明和表達(dá)式最簡(jiǎn)單的方法是看function關(guān)鍵字出現(xiàn)在聲明中的位置(不僅僅是一行代碼, 而是整個(gè)聲明中的位置)舀透。如果function是聲明中的第一個(gè)詞栓票,那么就是一個(gè)函數(shù)聲明,否則就是一個(gè)函數(shù)表達(dá)式愕够。

// 函數(shù)聲明
function f1() {
    //
}

// 函數(shù)表達(dá)式
var f2 = function () {
    //
}

// 函數(shù)表達(dá)式
(function () {
    //
})()

函數(shù)聲明會(huì)提升走贪,但函數(shù)表達(dá)式不會(huì)。聲明提升在執(zhí)行上下文惑芭。

function f() {
    console.log(1);
}
f(); // 1
var f = function () {
    console.log(2);
}
f(); // 2

因?yàn)楹瘮?shù)聲明會(huì)提升坠狡,所以不能非函數(shù)的代碼塊中聲明函數(shù),比如if遂跟。

// 下面代碼的原始意圖是不聲明函數(shù)f逃沿,但是由于f的提升婴渡,導(dǎo)致if語(yǔ)句無(wú)效,所以上面的代碼不會(huì)報(bào)錯(cuò)
if (false) {
    // 這樣聲明因?yàn)閕f不是塊級(jí)作用域凯亮,那么函數(shù)會(huì)提升边臼,不論if如何判斷f()都會(huì)生效
    function f1() {
        console.log(1);
    } 
}
f1(); // 1
    

// 要達(dá)到在條件語(yǔ)句中定義函數(shù)的目的,只有使用函數(shù)表達(dá)式
if (false) {
    var f2 = function () {
        console.log(2);
    }
}
f2(); // TypeError: f2 is not a function

但我在測(cè)試時(shí)發(fā)現(xiàn)新版火狐假消、Chrome柠并、IE11都不會(huì)在if中提升函數(shù)聲明,但I(xiàn)E11以下版本會(huì)富拗,所以為避免出錯(cuò)臼予,盡量在if等非函數(shù)代碼塊中使用函數(shù)表達(dá)式。

函數(shù)傳遞參數(shù)

JS中所有函數(shù)的參數(shù)都是按值傳遞的啃沪。

var a = 1;
function f1(arg) {
    arg = 2;
    console.log(arg); //2粘拾,參數(shù)如果是基本類型是按值傳遞,傳遞的是參數(shù)的副本创千,操作不影響原變量
}
f1(a);
console.log(a); // 1

var obj = {
    a: 1
};
function f2(arg) {
    arg.value = 2;
    console.log(arg.value); //2半哟,傳遞對(duì)象的時(shí)候,傳遞對(duì)象的引用的副本签餐,改變參數(shù)會(huì)改變?cè)瓍?shù)
}
f2(obj);
console.log(obj.a) // 2
    
var obj2 = {
    value: 1
};
function f3(arg) {
    arg = { // 函數(shù)內(nèi)部重寫(xiě)參數(shù)寓涨,這下變量引用的就是一個(gè)局部變量
        a: 2
    };
    console.log(arg.a); //2,傳遞引用參數(shù)副本氯檐,但是又重新給參數(shù)賦值戒良,切斷原來(lái)的引用,所以原有引用為改變
}
f3(obj2);
console.log(obj2.a) // 1

函數(shù)屬性

函數(shù)屬性包括:length和prototype

length冠摄,函數(shù)的length屬性是只讀屬性糯崎,函數(shù)定義時(shí)的形參個(gè)數(shù)即通常也是函數(shù)調(diào)用時(shí)期望傳入函數(shù)的參數(shù)個(gè)數(shù)。

function add(a, b) {
    return a + b;
}
add.length // 2河泳,函數(shù)聲明時(shí)形參長(zhǎng)度

prototype沃呢,每個(gè)函數(shù)都包含一個(gè)prototype屬性,這個(gè)屬性是指向一個(gè)對(duì)象的引用拆挥,這個(gè)對(duì)象稱為“原型對(duì)象”薄霜。每個(gè)函數(shù)都包含不同的原型對(duì)象。當(dāng)函數(shù)用做構(gòu)造函數(shù)時(shí)纸兔,新創(chuàng)建的對(duì)象會(huì)從原型對(duì)象上繼承屬性惰瓜。

函數(shù)內(nèi)部屬性:arguments和this

arguments,arguments是一個(gè)類數(shù)組對(duì)象汉矿,包含傳入函數(shù)的所有參數(shù)崎坊,arguments的主要用途是保存函數(shù)參數(shù)。

function add(a, b) {
    return arguments[0] + arguments[1];
}
add(1, 2); // 3

this洲拇,this引用的是函數(shù)據(jù)以執(zhí)行的環(huán)境對(duì)象奈揍,關(guān)于this請(qǐng)點(diǎn)這里this

var a = {
    name: 'a',
    sayName: function () {
        console.log(this.name);
    }
};
a.sayName(); // 'a'

函數(shù)方法

每個(gè)函數(shù)都包含兩個(gè)非繼承而來(lái)的方法:apply()和call()曲尸。這兩個(gè)方法的用途都是在特定的域中調(diào)用函數(shù),其真正強(qiáng)大之處在于能夠擴(kuò)充函數(shù)賴以運(yùn)行的作用域男翰,ES5又新增bind()方法另患。

關(guān)于apply、call和bind請(qǐng)點(diǎn)這里this

因?yàn)楹瘮?shù)也是對(duì)象奏篙,所以函數(shù)也有toString()方法,返回函數(shù)的字符串形式迫淹。

匿名函數(shù)

函數(shù)聲明必須要有標(biāo)識(shí)符名稱秘通,但函數(shù)表達(dá)式可以不寫(xiě)標(biāo)識(shí)符,這樣的函數(shù)稱為匿名函數(shù)敛熬。

// 匿名函數(shù)賦值給變量
var f = function () {
    //
}

// 匿名函數(shù)自執(zhí)行肺稀,自執(zhí)行后內(nèi)部聲明的局部變量和函數(shù)會(huì)被銷(xiāo)毀
(function () {
    //
})()    

// 匿名函數(shù)不會(huì)自執(zhí)行,會(huì)報(bào)錯(cuò)应民,這是因?yàn)檫@是一個(gè)函數(shù)聲明话原,函數(shù)聲明后邊不能跟圓括號(hào),函數(shù)表達(dá)式后邊可以跟圓括號(hào)
function () {
    // 
}()

更多文章在 這里 诲锹,覺(jué)得不錯(cuò)希望點(diǎn)個(gè) star

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末繁仁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子归园,更是在濱河造成了極大的恐慌黄虱,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庸诱,死亡現(xiàn)場(chǎng)離奇詭異捻浦,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)桥爽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)朱灿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人钠四,你說(shuō)我怎么就攤上這事盗扒。” “怎么了缀去?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵环疼,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我朵耕,道長(zhǎng)炫隶,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任阎曹,我火速辦了婚禮伪阶,結(jié)果婚禮上煞檩,老公的妹妹穿的比我還像新娘。我一直安慰自己栅贴,他們只是感情好斟湃,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著檐薯,像睡著了一般凝赛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坛缕,一...
    開(kāi)封第一講書(shū)人閱讀 49,079評(píng)論 1 285
  • 那天墓猎,我揣著相機(jī)與錄音,去河邊找鬼赚楚。 笑死毙沾,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的宠页。 我是一名探鬼主播左胞,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼举户!你這毒婦竟也來(lái)了烤宙?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤俭嘁,失蹤者是張志新(化名)和其女友劉穎门烂,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體兄淫,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡屯远,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了捕虽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慨丐。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖泄私,靈堂內(nèi)的尸體忽然破棺而出房揭,到底是詐尸還是另有隱情,我是刑警寧澤晌端,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布捅暴,位于F島的核電站,受9級(jí)特大地震影響咧纠,放射性物質(zhì)發(fā)生泄漏蓬痒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一漆羔、第九天 我趴在偏房一處隱蔽的房頂上張望梧奢。 院中可真熱鬧狱掂,春花似錦、人聲如沸亲轨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)惦蚊。三九已至器虾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蹦锋,已是汗流浹背兆沙。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留晕粪,地道東北人挤悉。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓渐裸,卻偏偏與公主長(zhǎng)得像巫湘,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子昏鹃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

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

  • 在js中尚氛,函數(shù)本身屬于對(duì)象的一種,因此可以定義洞渤、賦值阅嘶,作為對(duì)象的屬性或者成為其他函數(shù)的參數(shù)。函數(shù)名只是函數(shù)這個(gè)對(duì)象...
    bjhu電net閱讀 526評(píng)論 0 5
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,212評(píng)論 0 4
  • JavaScript 函數(shù)定義 JavaScript 使用關(guān)鍵字 function 定義函數(shù)载迄。函數(shù)可以通過(guò)聲明定義...
    hx永恒之戀閱讀 433評(píng)論 0 1
  • 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*)解析器會(huì)率先讀取函數(shù)聲明讯柔,并使其在執(zhí)行任何代碼之前可以訪問(wèn);函數(shù)表達(dá)式則必須...
    coolheadedY閱讀 383評(píng)論 0 1
  • 謝自己邀护昧。 即將大學(xué)畢業(yè)魂迄,我想好好回答一下這個(gè)問(wèn)題,作為一個(gè)很多人眼中的“學(xué)霸”惋耙,如果說(shuō)我能在什么方面比較有發(fā)言權(quán)...
    盧小健閱讀 241評(píng)論 0 0