首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么setTimeout要求将代码封装在函数中?

问为什么setTimeout要求将代码封装在函数中?
EN

Stack Overflow用户
提问于 2016-11-27 17:22:35
回答 5查看 155关注 0票数 0

在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(){}中?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2016-11-27 17:24:58

它并不总是需要匿名函数。您还可以传递一个函数引用作为第一个参数,例如,假设您定义了一个名为log的函数。你可以有效地写:

代码语言:javascript
复制
function log()
{
    console.log( 'PING' );
}

window.setTimeout( log, 200 );

注意,这里不传递带有第一个参数的括号。

但是,您无法在这个实例中直接将参数传递给log(),因此有必要将函数调用包装在匿名函数中。

票数 1
EN

Stack Overflow用户

发布于 2016-11-27 17:25:06

基本上,因为setTimeout是一个异步操作,因此一旦超时完成,您需要给出下一步要做的事情(即,给出一个回调函数)。

除非JavaScript运行时能够阻止UI线程并在setTimeout结束后恢复执行,否则您需要提供一些可执行代码,以便在异步操作完成后执行操作:

代码语言:javascript
复制
setTimeout(function() { 
   // Do stuff after 1 second
}, 1000);

另一方面,给一个function 返回值作为参数又有什么意义呢?请检查此错误的代码,以获得更好的说明性:

代码语言:javascript
复制
// You do some action even BEFORE the timeout operation has been completed?
setTimeout(doStuff(), 1000);

进一步阅读

票数 0
EN

Stack Overflow用户

发布于 2016-11-27 17:28:31

代码必须包含在函数中,因为setTimeout函数不执行单独的代码行。它需要两个参数-第一个参数是回调函数,第二个参数是以毫秒为单位的时间。在指定的时间流逝之后,setTimeout函数将在内部调用回调函数。

在你给出的例子中

代码语言:javascript
复制
window.setTimeout(function(){console.log('PING')},3000)

您传递一个匿名函数,该函数将在3000毫秒或3秒后调用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40831693

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档