SetTimeout 函数的时间参数在 Javascript 中的工作原理

Question

 for ( var d = 0; d < 3; d++ )
        (function(d)
        {
            setTimeout(
                    function()
                    {
                        console.log( "Value of d: ", d );
                        console.log( d == d, "Check the value of d." );
                    }, d * 200);
        })(d);

时间参数（d）是如何工作的？ setTimeout 在 for 循环内。在 for 循环中使用 SetTimeout 感到困惑。

Answer 1

代码似乎运行良好。

但如果你更想理解它，你最终可能会选择 JS 的进口贸易。关闭

所以先这样运行

for ( var d = 0; d < 3; d++ )       
      setTimeout(function() {
                    console.log( "Value of d: ", d );
                    console.log( d == d, "Check the value of d." );
                }, d * 200);

输出：

Value of d:  3 
true "Check the value of d." 
Value of d:  3 
true "Check the value of d." 
Value of d:  3 
true "Check the value of d." 

您注意到d 的非递增值了吗？这是因为在实际执行任何 setTimeout 函数之前，d 的值变为 3。所以你需要三份d，值为1,2,3。

这可以通过执行立即函数并在定义 setTimeout 函数本身时保存 d 的值来实现。我们本质上所做的是将每个调用包装在一个范围内，以便稍后可以访问d（在 setTimeout 函数启动之后）。

因此你的代码：

for ( var d = 0; d < 3; d++ ) (function(d) {
            setTimeout(function() {
                        console.log( "Value of d: ", d );
                        console.log( d == d, "Check the value of d." );
                    }, d * 200);
        })(d);

产生输出：

Value of d:  0
true "Check the value of d."
Value of d:  1
true "Check the value of d."
Value of d:  2
true "Check the value of d." 

Answer 2

您应该明白(function(arg){})(d) 定义了一个匿名函数并立即使用参数d 调用它