在setTimeout中使用對象文字函數

Question

我有一些與此類似的代碼：

var options = {
    timerInterval: 800,
    timer: null
};

var functions = {
    someFunction: function() {

    }
};

options.timer = setTimeout('functions.someFunction()', options.timerInterval);

但是，這不會觸發，因為找不到函數對象。

該怎么辦？ ：d

Answer 1

嘗試這個：

options.timer = setTimeout(function () {
  functions.someFunction()
}, options.timerInterval)

不建議在setTimeout b / c中將函數參數寫為字符串，它必須進行一些轉換，這會增加腳本的開銷，並且可以通過使用匿名函數來調用函數來避免這種情況。

Answer 2

你可以這樣做：

options.timer = setTimeout(functions.someFunction, options.timerInterval);

但是...更強大的方法是這樣的：

options.timer = setTimeout(function () {
    functions.someFunction();
}, options.timerInterval);

第二個版本更好，因為在JavaScript中， this是動態范圍內的特殊變量，這意味着它將從被評估的范圍（而不是其定義的范圍）中獲取值。Google搜索“了解javascript this” “ 了解更多。

與this相關的是，ES5引入了Function.prototype.bind來處理this問題。