在javascript中將函數放入其他空函數的目的是什麼？

Question

我是新來的JavaScript和AngularJS，以及網絡的發展，而我正在經歷的Angular docs on directives，我碰到這段代碼傳來：

// start the UI update process; save the timeoutId for canceling 
timeoutId = $interval(function() { 
    updateTime(); // update DOM 
}, 1000); 

爲什麼不能這只是這樣寫方式：

// start the UI update process; save the timeoutId for canceling 
timeoutId = $interval(updateTime(), 1000); 

這不就是它的回調函數嗎？它仍然是一個函數中的一個函數。在一個函數中有一個函數...在函數中有什麼意義？

Answer 1

因爲該函數將被立即調用並且返回的值將被指定爲間隔的回調。

但是，函數引用可以作爲回調函數傳遞，該函數將在指定的時間間隔後調用。

timeoutId = $interval(updateTime, 1000); 
           ^: Removed() 

Answer 2

如果你有這樣的功能：

timeoutId = $interval(function() { 
    updateTime(); 
}, 1000); 

有沒有很多實際的差別與調用

timeoutId = $interval(updateTime, 1000); // Notice NO parens after "updateTime"! 

從技術上講，第一個版本調用什麼也不做，但功能調用另一個函數，這意味着微不足道的額外開銷，並不值得擔心。

你可能會這樣做的一個原因是代碼可讀性：它可以更容易地「看到」第一個版本將回調作爲第一個參數傳遞給$ interval（），因爲它被寫爲函數。代碼的運行速度並沒有太大的差別，但如果您或其他人需要閱讀並理解將來會發生什麼，它會爲您節省一些開發時間。