js setTimeout setInterval 第三个参数说明

1、api

setTimeout：

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeout

var timeoutID = scope.setTimeout(function[, delay, param1, param2, ...]);
var timeoutID = scope.setTimeout(function[, delay]);
var timeoutID = scope.setTimeout(code[, delay]);

 

setInterVal

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval

let intervalID = window.setInterval(func, delay[, param1, param2, ...]);
let intervalID = window.setInterval(code, delay);

 

第三个参数以及以后的参数是：附加参数，一旦定时器到期，它们会作为参数传递给function 或执行字符串（setTimeout参数中的code）。即是回调函数的参数。

 

2、应用

经典面试题：循环打印的新方法。

for ( var i=1; i<=5; i++) {
    setTimeout( function timer(j) {
        console.log( j );
    }, i*1000 ,i);
}

 

之前使用闭包或者let块级作用域解决。