问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

异步函数顺序执行以及数组处理的一个小问题

头像
shisi
    2428

    题目描述

    两个异步的函数,要求写一个函数asyncOneByOne(arr) 能够顺序执行输入的参数

    asyncOneByOne([one, two])
// 输出
//first
//second

function one(callback) {
    setTimeout(function () {
        console.log('first');
        callback && callback();
    }, 200);
}

function two(callback) {
    setTimeout(function () {
        console.log('second');
        callback && callback();
    }, 0);
}

    题目来源及自己的思路

    一道笔试题,一开始还以为要用到promise什么的,但是one() two() 不让更改了
    然后发现其实只要
    one(two(one(two)))
    这样执行就可以(看了回调函数那一章)

    你期待的结果是什么？实际看到的错误信息又是什么？

    这样问题就变成了输入一个数组[one, two, one, two], 如何变成one(two(one(two)))这样并且执行的问题了,但是这里反而糊掉了,请教各位应该如何处理.

    javascript
    阅读 2.2k
    3 个回答
    得票最新
    头像
    zzgzzg00
      3.7k21420
      ✓ 已被采纳
      <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    asyncOneByOne([one, two,one,two]);
    // 输出
    //first
    //second
    function asyncOneByOne(arr){
        var len=arr.length;
        var s=arr[len-1];
        for(var i=len-2;i>=0;i--){
            s=(function(x){
                var m=s;
                return function(){
                    arr[x](m);
                }
            })(i)
        }
        s();
    }
    function one(callback) {
        setTimeout(function () {
            console.log('first');
            callback && callback();
        }, 200);
    }

    function two(callback) {
        setTimeout(function () {
            console.log('second');
            callback && callback();
        }, 0);
    }
</script>
</body>
</html>
      头像
      asseek
        9.4k53148
        function asyncOneByOne(params) {
  if (params.length) {
    params[0](() => {
      asyncOneByOne(params.splice(1));
    });
  }
}
        asyncOneByOne([one, two, one, two, two])
        头像
        stonehank
          596210

          确实也可以用Promise

          function asyncOneByOne(logArr){
    function doNext(lo,hi){
        if(lo++>=hi)return
        new Promise((res,rej)=>logArr[lo](res))
        .then(()=>doNext(lo,hi))
    }
    doNext(-1,logArr.length-1)
}

asyncOneByOne([one,two,one,two])
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题