Как заставить функции выполняться синхронно в JavaScript? или как заставить функции выполнять одну за другой?

Question

Вот моя функция

function two(){
    console.log('two')

}

function one(callback){
    setTimeout(()=>{
        console.log('one')        
    },2000)
    callback()
}

one(two)

Фактический результат:

two  
one  

Мой ожидаемый результат:

one  
two  

Мой вопрос заключается в том, как внести изменения в этифункции, так что функция two () будет выполняться после функции one ()

Answer 1

Вы можете просто вызвать callback() в вашей анонимной функции setTimeout следующим образом:

function two() {
  console.log('two')
}

function one(callback) {
  setTimeout(() => {
    console.log('one');
    callback(); // execute callback after everything in setTimeout is executed
  }, 2000);
}
one(two);

... или вместо этого вы можете использовать Promise с ES7 async / await (или использовать.then() callback) возможности, такие как:

function two() {
  console.log('two')
}

async function one(callback) { // make async so we can use `await`
  await new Promise((resolve, rej) => { // wait for the promise to resolve ... 
    setTimeout(() => {
      console.log('one');
      resolve();
    }, 2000)
  });
  callback(); // ... then execute the callback
}
one(two);

Answer 2

Это работает

let one = new Promise((resolve, reject) =>{
  setTimeout(()=>{
      console.log('one')
      resolve(true)
  },2000)
})


one.then((value) => {
    console.log('two')
})

Answer 3

Я думаю, что обратный вызов будет вызван перед другим выполнением. Это также работает.

    function two(){
        console.log('two')
    }

    function one(one, callback){
        console.log(one);
        callback()
    }

    one('one', two);