setTimeout第三个参数

weixin_44223877

于 2022-07-13 11:37:31 发布

阅读量200

点赞数

文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44223877/article/details/125760471

版权

博客探讨了JavaScript中setTimeout函数的使用，特别是在处理异步操作时如何正确传递参数。通过示例说明了如果不使用第三个参数，会导致定时器内部引用的变量在执行时的值与预期不符。内容强调了第三个参数在确保函数执行时保持正确的上下文和参数值的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用第三个参数解决，写法会很简单。其实第三个参数就是给第一个函数传参数。

示例：

1、

function timeout(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms, 'done');
  });
}

timeout(100).then((value) => {
  console.log(value);
});
//done

2、

for (var i=0;i<4;i++) {
    setTimeout((i) => {
        console.log(i)
    }, 1000,i)
}
//0,1,2,3

如果上面示例没有第三个参数，定时器中的 i 未定义