問題描述

這是js高程上面的一個例子看到函數聲明有一個代碼

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

說是這段代碼無效語法，大多數瀏覽器會返回第二個聲明，firefox會返回第一個聲明，這是為什么？如果改成函數表達式形式的就可以了，這又是為什么?

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

問題解答

因為第一個是函數聲明， 但是一般不會放在if-else中聲明函數

第二個是把匿名函數賦值給變量 ，不存在提升之類的

直接寫function xxx(){} 會導致聲明提前，如果有兩個同名的這樣的函數，相當于在頂部執行了兩次var xxx，所以無效

和什么聲明前置沒有關系，高程第三部那時候JavaScript規范還都是ES5，瀏覽器還沒有實現塊級作用域（ES2016+），作用域級別只是函數級別的。所以你寫的

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

和寫的

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

沒有本質區別

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