SetTimeout函数的Time参数如何在Javascript中工作

穆罕默德·法赞汗
 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)如何工作?在for循环内使用setTimeout。在for循环中使用SetTimeout的困惑。

loxxy

该代码似乎可以正常工作。

但如果你比较想了解它,你可以最终拿起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这是因为在d实际执行任何setTimeout函数之前,值变为3。因此,您需要的是d值1,2,3的三个副本

这可以通过执行立即函数并d在定义setTimeout函数本身时保存其值来实现我们本质上所做的就是将每个调用包装在一个范围内,该范围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." 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

事件参数如何在javascript中工作?

来自分类Dev

setTimeout如何在javascript中工作(理论上)

来自分类Dev

函数如何在javascript中工作

来自分类Dev

函数如何在javascript中工作

来自分类Dev

callMe函数如何在javascript中工作

来自分类Dev

触发后,如何在setTimeout中停止Javascript函数调用?

来自分类Dev

触发后,如何在setTimeout中停止Javascript函数调用?

来自分类Dev

如何使用setTimeout参数调用javascript函数

来自分类Dev

函数的参数,依次用作javascript中的setTimeout函数的参数

来自分类Dev

函数参数如何在R的'combn'中工作?

来自分类Dev

带参数的函数调用如何在C中工作?

来自分类Dev

index参数如何在Javascript的reduce.method中工作

来自分类Dev

方括号如何在地图函数javascript中工作?

来自分类Dev

Javascript“ err”函数参数-它如何工作?

来自分类Dev

Javascript“ err”函数参数-它如何工作?

来自分类Dev

如何在Javascript(或Node)中识别函数的参数?

来自分类Dev

如何在JavaScript中覆盖绑定函数的'this'参数

来自分类Dev

如何在javascript中管理super()构造函数参数

来自分类Dev

如何在Javascript构造函数中传递参数?

来自分类Dev

如何在javascript函数中对参数进行排序

来自分类Dev

如何在Javascript(或Node)中识别函数的参数?

来自分类Dev

如何在JavaScript中覆盖绑定函数的'this'参数

来自分类Dev

如何在JavaScript函数中绑定更多参数

来自分类Dev

如何在javascript中访问常量嵌套函数的参数?

来自分类Dev

如何在JavaScript中的一个函数中使用setTimeOut和setInterval

来自分类Dev

C 中的 time() 函数是如何工作的?

来自分类Dev

如何在JavaScript中的函数(本身就是参数)中传递参数

来自分类Dev

默认参数如何在python中工作

来自分类Dev

默认参数如何在python中工作

Related 相关文章

  1. 1

    事件参数如何在javascript中工作?

  2. 2

    setTimeout如何在javascript中工作(理论上)

  3. 3

    函数如何在javascript中工作

  4. 4

    函数如何在javascript中工作

  5. 5

    callMe函数如何在javascript中工作

  6. 6

    触发后,如何在setTimeout中停止Javascript函数调用?

  7. 7

    触发后,如何在setTimeout中停止Javascript函数调用?

  8. 8

    如何使用setTimeout参数调用javascript函数

  9. 9

    函数的参数,依次用作javascript中的setTimeout函数的参数

  10. 10

    函数参数如何在R的'combn'中工作?

  11. 11

    带参数的函数调用如何在C中工作?

  12. 12

    index参数如何在Javascript的reduce.method中工作

  13. 13

    方括号如何在地图函数javascript中工作?

  14. 14

    Javascript“ err”函数参数-它如何工作?

  15. 15

    Javascript“ err”函数参数-它如何工作?

  16. 16

    如何在Javascript(或Node)中识别函数的参数?

  17. 17

    如何在JavaScript中覆盖绑定函数的'this'参数

  18. 18

    如何在javascript中管理super()构造函数参数

  19. 19

    如何在Javascript构造函数中传递参数?

  20. 20

    如何在javascript函数中对参数进行排序

  21. 21

    如何在Javascript(或Node)中识别函数的参数?

  22. 22

    如何在JavaScript中覆盖绑定函数的'this'参数

  23. 23

    如何在JavaScript函数中绑定更多参数

  24. 24

    如何在javascript中访问常量嵌套函数的参数?

  25. 25

    如何在JavaScript中的一个函数中使用setTimeOut和setInterval

  26. 26

    C 中的 time() 函数是如何工作的?

  27. 27

    如何在JavaScript中的函数(本身就是参数)中传递参数

  28. 28

    默认参数如何在python中工作

  29. 29

    默认参数如何在python中工作

热门标签

归档