JavaScript 函數(shù)

函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別

  • 函數(shù)聲明:使用function關(guān)鍵字聲明一個(gè)函數(shù)
  • 函數(shù)表達(dá)式:聲明一個(gè)變量然后賦值為函數(shù)
  • **
  • 修改補(bǔ)充:
  • 函數(shù)聲明有聲明前置的作用程帕,而函數(shù)表達(dá)式的賦值不能前置

什么是變量的聲明前置幕屹?什么是函數(shù)的聲明前置

  • 變量的聲明前置:JavaScript引擎的工作方式是辕狰,先解析代碼绢慢,獲取所有被聲明的變量值朋,然后再一行一行地運(yùn)行腻贰。這造成的結(jié)果吁恍,就是所有的變量的聲明語句,都會(huì)被提升到代碼的頭部播演,這就叫做變量提升
  • 函數(shù)的聲明前置:如果使用函數(shù)聲明來定義一個(gè)函數(shù)冀瓦,那么函數(shù)聲明會(huì)被提升到代碼最前面運(yùn)行

arguments 是什么

  • 函數(shù)中傳入?yún)?shù)的數(shù)組,默認(rèn)就有
  • **
  • 修改補(bǔ)充:
  • arguments并不是數(shù)組写烤,而是類數(shù)組對(duì)象

函數(shù)的重載怎樣實(shí)現(xiàn)

  • JS中不支持定義參數(shù)不同的同名函數(shù)翼闽,但是JS中函數(shù)調(diào)用沒必要把所有參數(shù)都傳入,傳的參數(shù)永遠(yuǎn)被當(dāng)做前幾個(gè)
  • **
  • 修改補(bǔ)充:
  • JS中同名函數(shù)會(huì)被覆蓋洲炊,JS重載示例如下:


立即執(zhí)行函數(shù)表達(dá)式是什么感局?有什么作用

(function(){
})();

作用:先創(chuàng)建一個(gè)匿名函數(shù),然后調(diào)用它暂衡,一般不定義函數(shù)名询微,除非需要遞歸調(diào)用

什么是函數(shù)的作用域鏈

在JavaScript中,變量的作用域有全局作用域和局部作用域兩種狂巢。
在JavaScript中撑毛,函數(shù)也是對(duì)象,實(shí)際上唧领,JavaScript里一切都是對(duì)象藻雌。函數(shù)對(duì)象和其它對(duì)象一樣,擁有可以通過代碼訪問的屬性和一系列僅供JavaScript引擎訪問的內(nèi)部屬性斩个。其中一個(gè)內(nèi)部屬性是[[Scope]]胯杭,該內(nèi)部屬性包含了函數(shù)被創(chuàng)建的作用域中對(duì)象的集合,這個(gè)集合被稱為函數(shù)的作用域鏈受啥,它決定了哪些數(shù)據(jù)能被函數(shù)訪問歉摧。

  • **
  • 示例:
  • a為全局變量,可以被fn1和fn2訪問,b為fn1的局部變量叁温,可以被fn1和內(nèi)部的fn2訪問再悼,c為fn2的局部變量,只能被fn2訪問


代碼題

  1. 以下代碼輸出什么
function getInfo(name, age, sex){
        console.log('name:',name);
        console.log('age:', age);
        console.log('sex:', sex);
        console.log(arguments);
        arguments[0] = 'valley';
        console.log('name', name);
    }
    getInfo('hunger', 28, '男');
    getInfo('hunger', 28);
    getInfo('男');

輸出

name: hunger
age: 28
sex: 男
["hunger", 28, "男"]
name valley
name: hunger
age: 28
sex: undefined
["hunger", 28]
name valley
name: 男
age: undefined
sex: undefined
["男"]
name valley
  1. 寫一個(gè)函數(shù)膝但,返回參數(shù)的平方和冲九?如
function sumOfSquares(){
   }
   sumOfSquares(2,3,4);   // 29
   sumOfSquares(1,3);   // 10

函數(shù):

function sumOfSquares(){
      var sum=0;
      for(var i=0;i<arguments.length;i++){
        sum+=arguments[i]*arguments[i];
      }
      console.log(sum);
    }
  1. 如下代碼的輸出?為什么
console.log(a);
var a = 1;
console.log(b);

輸出:
undefined和報(bào)錯(cuò):var a跟束;被提升莺奸,但是賦值在console.log后,而 b 未定義冀宴。

  1. 如下代碼的輸出灭贷?為什么
sayName('world'); 
sayAge(10); 
  function sayName(name){ 
  console.log('hello ', name); 
} 
var sayAge = function(age){
   console.log(age); 
};

輸出:
hello world 和報(bào)錯(cuò):使用函數(shù)聲明定義的函數(shù)被提升,而使用函數(shù)表達(dá)式定義的函數(shù)只提升定義聲明var = sayAge略贮;

  1. 如下代碼的輸出甚疟?為什么
function fn(){} 
var fn = 3; 
console.log(fn);

輸出:
3:var fn;在函數(shù)聲明之前逃延,但是fn = 3览妖;在函數(shù)聲明之后

  1. 如下代碼的輸出?為什么
function fn(fn2){ 
   console.log(fn2); 
  var fn2 = 3; 
  console.log(fn2); 
  console.log(fn);
  function fn2(){ 
    console.log('fnnn2'); 
  }
}
fn(10);

輸出:

function fn2(){ 
    console.log('fnnn2'); 
  }
3
function fn(fn2){ 
  console.log(fn2); 
  var fn2 = 3; 
  console.log(fn2); 
  console.log(fn);
  function fn2(){ 
    console.log('fnnn2'); 
  }
}

原因:函數(shù)內(nèi)部執(zhí)行順序是

var fn2;
console.log(fn2);
fn2 = 3;
console.log(fn2);
console.log(fn);
  1. 如下代碼的輸出揽祥?為什么
var fn = 1; 
  function fn(fn){ 
  console.log(fn); 
} 
console.log(fn(fn));

結(jié)果:
報(bào)錯(cuò):fn = 1讽膏;覆蓋函數(shù)聲明

  1. 如下代碼的輸出?為什么
console.log(j); 
console.log(i); 
for(var i=0; i<10; i++){ 
  var j = 100; 
} 
console.log(i); 
console.log(j);

輸出:

undefined
undefined
10
100

原因:for語句是流程控制語句拄丰,不是函數(shù)府树,不會(huì)產(chǎn)生新的作用域,其內(nèi)定義的變量是會(huì)發(fā)生變量提升的

  1. 如下代碼的輸出料按?為什么
fn(); 
var i = 10; 
var fn = 20; 
console.log(i); 
function fn(){ 
  console.log(i); 
  var i = 99; 
  fn2(); 
  console.log(i); 
  function fn2(){ 
    i = 100; 
  } 
}

輸出

undefined
100
10

原因:先執(zhí)行函數(shù) fn()奄侠;其內(nèi)第一次log時(shí),i 未賦值站绪,第二次log時(shí)之前執(zhí)行了 fn2();i 被賦值為100丽柿;然后第三次log時(shí)恢准,i 被賦值為10;

  1. 如下代碼的輸出甫题?為什么
var say = 0; 
(function say(n){ 
  console.log(n); 
  if(n<3) 
    return; 
  say(n-1); 
}( 10 )); 
console.log(say);

輸出

10
9
8
7
6
5
4
3
2
0

原因:立即執(zhí)行函數(shù)內(nèi)部發(fā)生遞歸馁筐,從10開始,直到n = 2時(shí)坠非,return敏沉;n = 2是函數(shù)內(nèi)最后一個(gè)打印的,然后跳出函數(shù)體,執(zhí)行console.log(say); say = 0盟迟;

本教程版權(quán)歸饑人谷和作者所有秋泳,轉(zhuǎn)載須說明來源。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末攒菠,一起剝皮案震驚了整個(gè)濱河市迫皱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辖众,老刑警劉巖卓起,帶你破解...
    沈念sama閱讀 216,919評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異凹炸,居然都是意外死亡戏阅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門啤它,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奕筐,“玉大人,你說我怎么就攤上這事蚕键【扰罚” “怎么了?”我有些...
    開封第一講書人閱讀 163,316評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵锣光,是天一觀的道長笆怠。 經(jīng)常有香客問我,道長誊爹,這世上最難降的妖魔是什么蹬刷? 我笑而不...
    開封第一講書人閱讀 58,294評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮频丘,結(jié)果婚禮上办成,老公的妹妹穿的比我還像新娘。我一直安慰自己搂漠,他們只是感情好迂卢,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,318評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桐汤,像睡著了一般而克。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上怔毛,一...
    開封第一講書人閱讀 51,245評(píng)論 1 299
  • 那天员萍,我揣著相機(jī)與錄音,去河邊找鬼拣度。 笑死碎绎,一個(gè)胖子當(dāng)著我的面吹牛螃壤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播筋帖,決...
    沈念sama閱讀 40,120評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼奸晴,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了幕随?” 一聲冷哼從身側(cè)響起蚁滋,我...
    開封第一講書人閱讀 38,964評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赘淮,沒想到半個(gè)月后辕录,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,376評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡梢卸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,592評(píng)論 2 333
  • 正文 我和宋清朗相戀三年走诞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛤高。...
    茶點(diǎn)故事閱讀 39,764評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蚣旱,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出戴陡,到底是詐尸還是另有隱情塞绿,我是刑警寧澤,帶...
    沈念sama閱讀 35,460評(píng)論 5 344
  • 正文 年R本政府宣布恤批,位于F島的核電站异吻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏喜庞。R本人自食惡果不足惜诀浪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,070評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望延都。 院中可真熱鬧雷猪,春花似錦、人聲如沸晰房。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽殊者。三九已至与境,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間幽污,已是汗流浹背嚷辅。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評(píng)論 1 269
  • 我被黑心中介騙來泰國打工簿姨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留距误,地道東北人簸搞。 一個(gè)月前我還...
    沈念sama閱讀 47,819評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像准潭,于是被迫代替她去往敵國和親趁俊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,665評(píng)論 2 354

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

  • 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*)解析器會(huì)率先讀取函數(shù)聲明刑然,并使其在執(zhí)行任何代碼之前可以訪問寺擂;函數(shù)表達(dá)式則必須...
    coolheadedY閱讀 388評(píng)論 0 1
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情泼掠,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式怔软。簡單...
    舟漁行舟閱讀 7,752評(píng)論 2 17
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*) 區(qū)別: 函數(shù)聲明后面的分號(hào)可加可不加,不加也不影響接下來語句的執(zhí)行择镇,但...
    Sheldon_Yee閱讀 399評(píng)論 0 1
  • 依山傍水
    麥子dee5閱讀 250評(píng)論 2 1
  • 虞哥閱讀 113評(píng)論 0 0