众所周知,setTimeout的作用是等待多少秒后,执行函数,那么这个函数有什么讲究呢?
1.直接执行
来看看以下代码
function go() {
console.log(1)
}
setTimeout(go(), 1000)
以上代码会立即执行方法,打印1,并且只执行一次。这是因为setTimeout的参数1为一个待执行函数,所以当参数一变成立即执行函数时,会立刻执行函数,并将函数的返回值当作参数1,所以1秒后执行的参数1其实是函数执行返回undefined。
是不是觉得很简单,那看看下面的代码
function go() {
console.log(1)
}
setTimeout("go()", 1000)
上面的代码会在1秒后执行go方法,且只执行一次。首先参数一为一个字符串,所以不能立即执行,当1秒后,setTimeout调用参数1,发现有同名函数,就调用同名函数。
这里补充一个关于引号的小知识,将方法名用引号引起来会在全局作用域里找该方法,直接使用方法名则会在局部里面找。
(function () {
function fn() {
alert(2);
}
setTimeout("fn()", 1000); // 全局变量 打印1
setTimeout(fn, 1000); // 局部变量 打印2
})();
function fn() {
alert(1);
}