setTimeout 循环等待另一个 setTimeout 循环

Question

我想在第一个功能完成后执行第二个功能。
结果：
我：0，我：1，...，我：9，
j: 0,j: 1,...,j: 9

function first(callback){
  for(let i = 0 ; i < 10;i++){
    setTimeout(() => {
      console.log('i: ',i);
    },10*i);
  }
  setTimeout(() => {
    callback();  
  },10*i);
}

function second(){
  for(let j = 0 ; j < 10; j++){
    setTimeout(() => {
      console.log('j: ',j);
    },10*j);
  }
}

first(second());

Answer 1

first有 10 次迭代，因此second的回调应该在10 * 10毫秒后运行。 还要确保将second传递给first而不是立即调用second ：

 function first(callback) { for (let i = 0; i < 10; i++) { setTimeout(() => { console.log('i: ', i); }, 10 * i); } setTimeout(callback, 10 * 10) } function second() { for (let j = 0; j < 10; j++) { setTimeout(() => { console.log('j: ', j); }, 10 * j); } } first(second);