在JavaScript中,setTimeout函数要求将代码封装在函数中。
无效超时的示例:
window.setTimeout(console.log('PING'),3000)function ping(){console.log('PING')};window.setTimeout(ping(),3000)有效超时示例:
window.setTimeout(function(){console.log('PING')},3000)function ping(){console.log('PING')};window.setTimeout(function(){ping()},3000)现在我的问题是:为什么?我理解为什么普通代码可能需要包含在函数中,但为什么总是需要将代码包含在function(){}中?
发布于 2016-11-27 17:24:58
它并不总是需要匿名函数。您还可以传递一个函数引用作为第一个参数,例如,假设您定义了一个名为log的函数。你可以有效地写:
function log()
{
console.log( 'PING' );
}
window.setTimeout( log, 200 );注意,这里不传递带有第一个参数的括号。
但是,您无法在这个实例中直接将参数传递给log(),因此有必要将函数调用包装在匿名函数中。
发布于 2016-11-27 17:25:06
基本上,因为setTimeout是一个异步操作,因此一旦超时完成,您需要给出下一步要做的事情(即,给出一个回调函数)。
除非JavaScript运行时能够阻止UI线程并在setTimeout结束后恢复执行,否则您需要提供一些可执行代码,以便在异步操作完成后执行操作:
setTimeout(function() {
// Do stuff after 1 second
}, 1000);另一方面,给一个function 返回值作为参数又有什么意义呢?请检查此错误的代码,以获得更好的说明性:
// You do some action even BEFORE the timeout operation has been completed?
setTimeout(doStuff(), 1000);进一步阅读
发布于 2016-11-27 17:28:31
代码必须包含在函数中,因为setTimeout函数不执行单独的代码行。它需要两个参数-第一个参数是回调函数,第二个参数是以毫秒为单位的时间。在指定的时间流逝之后,setTimeout函数将在内部调用回调函数。
在你给出的例子中
window.setTimeout(function(){console.log('PING')},3000)您传递一个匿名函数,该函数将在3000毫秒或3秒后调用。
https://stackoverflow.com/questions/40831693
复制相似问题