javascript - setTimeout 循环等待另一个 setTimeout 循环

Question

我想在第一个函数完成后执行第二个函数。
结果:
   i: 0,i: 1,...,i: 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);