JavaScript：延迟访问和延时执行函数

左手的ㄟ右手 2024-04-06 12:53 94阅读 0赞

在java中线程有sleep函数可以延迟执行，但是在js中并没有这样的函数。  
唯一有的就是setTimeout延迟执行函数，但是这个函数也是有很多坑。

for (var i = 0; i < 6; i++) {
        
        setTimeout(function () {
        
            console.log(i);
        }, 1000)
    }//结果是6个6

场景：由于js是单线程异步执行的，当调用第三方API接口时，如果对方没有提供批量操作的接口，我们就需要多次请求相同的API，但是在for语句中会同时去访问多个相同请求，会造成并发冲突。  
这个时候需要延迟执行请求，避免程序错误。

let dataArray=[];
    function apiRequest(val){
        
    }
    for (var i = 0; i < dataArray.length; i++) {
        
        setTimeout(apiRequest(dataArray[i]), 1000); // 意图每秒执行一次，不是累加的
    }//error,并发冲突

单纯使用setTimeout函数，最后发现延迟1s后还是一起执行了内部函数，造成冲突。  
思路是每个setTimeout函数延迟不同的时间1000 \* i。

let dataArray=[];
    function apiRequest(val){
        
    }
    for (var i = 0; i < dataArray.length; i++) {
        
      (function (t, func, data) {
        
        // 注意这里是形参
        setTimeout(function () {
        
          func(data);
        }, 1000 * t); // 还是每秒执行一次，不是累加的
      })(i, apiRequest, dataArray[i]); // 注意这里是实参，这里把要用的参数传进去
    }

同时，由于setTimeout函数的作用域不能访问外部函数，需要通过匿名函数传递外部参数进去。

发表评论取消回复

表情：

评论列表（有 0 条评论，94人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript：延迟访问和延时执行函数

在java中线程有sleep函数可以延迟执行，但是在js中并没有这样的函数。唯一有的就是setTimeout延迟执行函数，但是这个函数也是有很多坑。 for (

左手的ㄟ右手/ 2024年04月06日 12:53/ 0 赞/ 95 阅读

相关延时执行

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 NSEC_PER_SEC)), dispa

╰+哭是因爲堅強的太久メ/ 2023年10月16日 21:15/ 0 赞/ 77 阅读

相关延时函数

`void` `usleep(``int` `micro_seconds); include <unistd.h>` unsigned int sleep (unsigne

逃离我推掉我的手/ 2023年06月01日 15:57/ 0 赞/ 59 阅读

相关微型计算机延时,延迟时间

在计算机网络中，由于不同的通信子网和网络体系结构采用不同的中转控制方式，在通信子网中存在的中转延迟是由网络状态决定的。电信号响应带来的延迟时间是固定的，响应时间越小，延迟就越小

小咪咪/ 2022年10月09日 13:28/ 0 赞/ 229 阅读

相关用javascript函数设置延时执行jQuery

JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。 setTimeout 运用在延迟一段时间，再进行某项操作。 setTime

我就是我/ 2022年09月30日 03:48/ 0 赞/ 383 阅读

相关 jquery延时执行

格式: //第一种 setTimeout(function (){ //代码1

小鱼儿/ 2022年08月28日 03:55/ 0 赞/ 218 阅读

相关 Unity3D 延时执行函数StartCoroutine

IEnumerator particleTrackWaitToSet(float fTime, bool bFlg) { yie

女爷i/ 2022年08月08日 17:51/ 0 赞/ 346 阅读

相关关于javascript延迟执行

一般来说，我们都是在HTML文档的head部分中引用了javascript文件。如果浏览器发现了javascript文件的话，就会开始执行该文件。但是样式无法应用于HTML元素

悠悠/ 2022年07月12日 10:28/ 0 赞/ 265 阅读

相关 GCD和NSThread延时执行对比

[GCD和NSThread延时执行对比][GCD_NSThread] 1、NSThread： [self performSelector:@selector(p

古城微笑少年丶/ 2022年03月22日 11:27/ 0 赞/ 247 阅读

相关 JavaScript延时函数

1、setTimeout函数 setTimeout(function() { remind(); }, 5000); //5秒后将会调用执行remind()函数

╰+攻爆jí腚メ/ 2021年09月14日 12:02/ 0 赞/ 496 阅读