js怎么保证顺序依次执行数组里面函数

Question

每一个函数得出结果后渲染不同class，所以需要依次执行，并且有些需要传入参数，类似下面结构，怎么保证case1执行完后才执行case2，case个数不确定？

  let case1 = function(){
    console.log('case11');
  }
  let case2 = function(){
    console.log('case22'); 
  }
  let case3 = function(){
    console.log('case33');
  }
  const caseList = [
    case1,case2,case3,....
  ];

Answer 1

试试改造为Promise或Generator..

Answer 2

最粗暴的方法就是封装回调函数

promise和generator是一个优雅一些的解决方法。

但是，如果你的函数里面没有异步操作，依此调用那就肯定是顺序执行的了。

Answer 3

可以试一试async

Answer 4

如果那函数里面有异步操作，可以使用Promise，如果没有，就会顺序执行

for(let i =0; i <= arr.length; i ++){
    new Promise((resolve, reject) => {
        resolve(arr[i]())
    })
}

或者可以尝试一下async和await

async function activeClass() {
    for(let i =0; i <= arr.length; i ++){
        await arr[i]()
    }
}

以上思路大概就这样，具体代码实现看自己，帮你写个伪代码