setTimeout 详解

最新推荐文章于 2025-07-23 12:43:10 发布

原创最新推荐文章于 2025-07-23 12:43:10 发布 · 4.2w 阅读

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文详细解析了JavaScript中的setTimeout方法，不仅介绍了其基本用法，还深入探讨了第三个参数及其后的参数如何作为回调函数的参数使用，提供了实用的代码示例。

1. setTimeout 定义

setTimeout( )是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。

setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。

刚刚在研究promise的时候，发现setTimeout( )不止有两个参数。
此处附加一个官网链接： → setTimeout - MDN
在这里插入图片描述
由此可见，第一个参数是回调函数，第二个参数是延迟时间，那被遗忘的第三个参数是什么呢？

setTimeout( function(){} , delay , arg1 )

简单的举个栗子：

setTimeout(
    function(props){
        console.log(props) //第三个参数是作为回调函数的参数来使用的
    },
    2000,
    '第三个参数是作为回调函数的参数来使用的'
)

在这里插入图片描述
第三个参数及以后的参数都可以作为 回调函数的参数

setTimeout(
    function(arg1,arg2,arg3){
        console.log(arg1*arg2-arg3)    // -1
    },
    2000,
   1,2,3
)

在这里插入图片描述

若第三个参数作为函数

setTimeout(
    function(){
        console.log('外层函数')
    },
    2000,
  setTimeout(
    function(){
        console.log('内层函数')
    }, 0)
)

在这里插入图片描述
可以看到第三个参数还是先执行，然后再执行函数。

利用好setTimeout的第三个参数，相信会让你有意想不到的收获，希望可以帮助到你~

标签

#javascript