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() {
        console.log( i );
    }, i*1000 );
}

 

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

上一篇:JavaScript初级——Window对象的定时器


下一篇:Vue实践过程中的几个问题