setTimeout函数的参数

原创于 2021-10-08 18:22:44 发布 · 3.5k 阅读

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

收录于

本文详细解析了JavaScript中setTimeout函数的参数用法，包括函数引用、延迟时间和附加参数。通过示例说明了如何正确传递函数和参数，以及为何不能直接调用函数。强调了setTimeout需要函数引用而非函数执行的结果，以确保代码按预期延迟执行。

setTimeout函数的参数

平常用setTimeout的时侯

		setTimeout(function,timer)

查阅setTimeout的函数原型

	var timeoutID = setTimeout(function[, delay, arg1, arg2, ...]);
	var timeoutID = setTimeout(function[, delay]);
	var timeoutID = setTimeout(code[, delay]);

类似于

var timeoutID= setTimeout(fun|code, [delay], [arg1], [arg2], ...)

分析一下参数：

fun|code：函数或者代码块
delay：延迟的时间
args1，args2，···：附加参数

附加参数的作用就是，给使用的函数里面的参数一个默认值，如下：

	//代码块1
	function show(a, b) {
            console.log(a, b)
        }
    setTimeout(show, 1000, 'my','name')
    //代码块2
	function show(a='my', b='name') {
            console.log(a, b)
        }
    setTimeout(show, 1000)

上面两段代码块的结果是一样的
这里要注意，setTimeout()期望得到的是对函数的引用,而不是调用函数，所以show后面没有括号。

原本我想的是,下面的这段代码跟上面的结果也是一样的，但是其实不是，具体可以将每个输出的结果换成不一样的试试看

```
	function show(a, b) {
            console.log(a, b)
        }
	setTimeout(show('my','name'), 1000)
```

原因，上面提过的，setTimeout()期望得到的是对函数的引用,而不是调用函数，如果我们在这里调用了函数，函数会直接根据代码的执行顺序执行，不会受到setTimeout定下的时间的约束；

总而言之，setTimeout的第一个参数就是一个代码块，它的意思就是过了规定的时间去执行这块代码

标签

#javascript #html5