問(wèn)題描述

這是js高程上面的一個(gè)例子看到函數(shù)聲明有一個(gè)代碼

if(condition){ function sayHi(){alert(’hi’) }}else{ function sayHi(){alert(’Yo’) }}

說(shuō)是這段代碼無(wú)效語(yǔ)法，大多數(shù)瀏覽器會(huì)返回第二個(gè)聲明，firefox會(huì)返回第一個(gè)聲明，這是為什么？如果改成函數(shù)表達(dá)式形式的就可以了，這又是為什么?

var sayHi;if(condition){ sayHi=function(){alert(’Hi’) }}else{ sayHi=function(){alert(’Yo!’) }}

問(wèn)題解答

因?yàn)榈谝粋€(gè)是函數(shù)聲明， 但是一般不會(huì)放在if-else中聲明函數(shù)

第二個(gè)是把匿名函數(shù)賦值給變量 ，不存在提升之類的

直接寫function xxx(){} 會(huì)導(dǎo)致聲明提前，如果有兩個(gè)同名的這樣的函數(shù)，相當(dāng)于在頂部執(zhí)行了兩次var xxx，所以無(wú)效

和什么聲明前置沒(méi)有關(guān)系，高程第三部那時(shí)候JavaScript規(guī)范還都是ES5，瀏覽器還沒(méi)有實(shí)現(xiàn)塊級(jí)作用域（ES2016+），作用域級(jí)別只是函數(shù)級(jí)別的。所以你寫的

if(condition){ function sayHi(){alert(’hi’) }}else{ function sayHi(){alert(’Yo’) }}

和寫的

function sayHi(){ alert(’hi’)}function sayHi(){ alert(’Yo’)}

沒(méi)有本質(zhì)區(qū)別

js是有聲明提前的！！！function會(huì)在聲明時(shí)直接提到作用域頂端。if中不存在作用域，所以兩個(gè)function是一個(gè)作用域，第二個(gè)會(huì)替掉第一個(gè)。！ 而你第二段代碼，先聲明了變量sayhi,在if判斷后才對(duì)sayhi進(jìn)行賦值，