Javascript函數在if語句內部掛起

Question

在if語句裏面javascript函數的處理是什麼？ js是不是這樣做？下面的代碼在瀏覽器中運行時效果很好。它會在兩秒後提醒「嘿」。

<script> 
setTimeout(hey,2000) 
function hey(){ 
    alert('hey') 
} 
</script> 

但添加繁瑣if聲明解決此：

<script> 
if(true){ 
setTimeout(hey,2000) 

function hey(){ 
    alert('hey') 
} 
} 
</script> 

，突然就抱怨說，hey is not defined。
現在，如果你改變了回調從hey到function(){hey()}，像這樣：

<script> 
if(true){ 
setTimeout(function(){hey()},2000) 

function hey(){ 
    alert('hey') 
} 
} 
</script> 

然後開始再次合作，甚至與if語句。發生什麼了？

Answer 1

Firefox doesn’t hoist function declarations in blocks，顯然。你看到的行爲是Firefox所特有的，並且在別處幾乎完全相同。

套用：

作品：

if (hasRequiredJQueryVersion) { 
    // Test data here 
    // Library code here 
} 

作品無處不除了火狐：

if (true) { 
    testFunction(); 
    function testFunction() { 
     alert(‘testFunction called’); 
    } 
} 

這是行爲，你應該避免，因爲它是特定的Firefox，即使Firefox的行爲在技​​術上可能是正確的。

Answer 2

第三個例子與第二個例子一致：setTimeout實際上並沒有調用hey，所以不關心它沒有被定義。只有在發生超時時纔會調用hey，此時已經定義了。