TA貢獻2021條經驗 獲得超8個贊
在創建計時器之前，您不能直接傳遞計時器的 ID。問題是你必須調用 setInterval才能獲取 ID，然后才能將其實際傳遞給被調用的函數：
let timerId = setInterval(function() {}, 1000, timerId);
//error - we are using `timerId` before its declaration is finished傳遞一個對象
但是，您可以利用對象在共享相同引用的情況下工作的方式。因此，您可以初始化一個對象，這意味著該變量存在，然后調用setInterval并將計時器ID記錄為該對象的屬性。然后將該對象作為參數傳遞給回調。當回調執行時，對象屬性肯定會被填充，您可以只使用其中的值：
let cb;
{ //callback in one scope
//simple counter that stops at zero
let i = 3;
cb = timerContext => {
console.log(i--);
if (i < 0) {
console.log("finish");
clearInterval(timerContext.timerId);
}
}
}
{//start the timer in a different scope
let context = { timerId: null };
context.timerId = setInterval(cb, 1000, context);
}
創建一個包裝器
或者，如果您在調用 setInterval 時為其創建包裝函數，則只能向外部回調傳遞計時器 ID：
let cb;
{ //callback in one scope
//simple counter that stops at zero
let i = 3;
cb = timerId => {
console.log(i--);
if (i < 0) {
console.log("finish");
clearInterval(timerId);
}
}
}
{//start the timer in a different scope
let timerId = setInterval(() => cb(timerId), 1000);
}
thisthis如果您愿意，如果您的回調是普通函數，則可以以任一方式將計時器 ID 作為上下文傳遞：
let cb;
{ //callback in one scope
//simple counter that stops at zero
let i = 3;
cb = function() {
console.log(i--);
if (i < 0) {
console.log("finish");
clearInterval(this.timerId);
}
}
}
{//start the timer in a different scope
let context = { timerId: null };
context.timerId = setInterval(cb.bind(context), 1000);
}
let cb;
{ //callback in one scope
//simple counter that stops at zero
let i = 3;
cb = function() {
console.log(i--);
if (i < 0) {
console.log("finish");
clearInterval(this);
}
}
}
{//start the timer in a different scope
let timerId = setInterval(() => cb.call(timerId), 1000);
}
舉報