setTimeout的隐藏小知识

众所周知,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);
}
上一篇:理解JS中宏任务和微任务


下一篇:js中setTimeout()的用法