包含和不包含引号和括号的setTimeout之间的区别

最近又了解了JavaScript计时事件。我注意到一个我从未遇到过的奇怪人物。他们使用双引号,然后调用该函数。

例:

setTimeout("alertMsg()", 3000);

我知道JavaScript中的双引号和单引号表示字符串。

我也看到我可以做同样的事情:

setTimeout(alertMsg, 3000);

带有括号的是指,没有括号的是复制的。当我使用引号和括号时,它越来越疯狂了。

如果有人可以向我解释这三种使用方式之间的区别,我将感到非常高兴setTimeout:

带括号:

setTimeout("alertMsg()", 3000);

没有引号和括号:

setTimeout(alertMsg, 3000);

第三只使用引号:

setTimeout("alertMsg", 3000);

回答:

你应该传递对函数的引用作为setTimeout或的第一个参数setInterval。该参考可以采用以下形式:

  • 匿名功能

setTimeout(function(){/* Look mah! No name! */},2000);

  • 现有功能的名称

function foo(){...}

setTimeout(foo, 2000);

  • 指向现有功能的变量

var foo = function(){...};

setTimeout(foo, 2000);

请注意,我将“函数中的变量”与“函数名”分开设置。变量和函数名称占用相同的名称空间并相互破坏,这一点并不明显。

要调用函数并传递参数,可以在分配给计时器的回调内部调用函数:

setTimeout(function(){

foo(arg1, arg2, ...argN);

}, 1000);

还有另一种将参数传递给处理程序的方法,但是它与跨浏览器不兼容。

setTimeout(foo, 2000, arg1, arg2, ...argN);

默认情况下,执行时回调的上下文(this计时器调用的函数内部的值)为global object window。如果要更改它,请使用bind。

setTimeout(function(){

this === YOUR_CONTEXT; // true

}.bind(YOUR_CONTEXT), 2000);

尽管有可能,但你不应将字符串传递给setTimeout或setInterval。传递字符串可以使setTimeout()或setInterval()使用类似于将字符串作为脚本执行的功能,从而eval()可以执行任意的且可能有害的脚本。

以上是 包含和不包含引号和括号的setTimeout之间的区别 的全部内容, 来源链接: utcz.com/qa/420211.html

回到顶部