具有不同功能时间执行的同步运行时[重复]

Question

我正在尝试同步运行 2 个函数。第一个函数的执行速度比第二个函数慢很多。我需要它从第 1 次到第 2 次同步运行。

 //1st function
 function first(){
 $.getJSON("/update/", () => {
   //updates 
  })
 }

 //2nd function
 function second(){
  //triggers some event
 }

此时，我已经尝试使用 Promise，但无济于事，失败了

 //Promise

 var promiseVar = new Promise((resolve, reject) =>{
    first(); //run the first function
             //note: first() will take more time to run because it's
             //grabbing something from the server to update to client
    resolve('Success');
 })

 promiseVar.then((msg)=>{
    console.log(msg);
    second(); 
 })

通过使用 Promise，它在加载第一个函数时仍然执行第二个函数。我怎样才能让这个按顺序运行？

Answer 1

return$.getJSON() 从first 函数调用，使用.then()。注意jQuery.getJSON() 返回一个 jQuery 承诺对象，.then() 可以链接到

function first() {
  return $.getJSON("/update/")
}

first()
.then(second, (jqxhr, textStatus, errorThrown) => console.error(errorThrown));

function first() {
  return $.Deferred(dfd => {
    setTimeout(() =>
      dfd.resolve("/update/"), Math.floor(Math.random() * 1500))
  }).promise()
}

function second(data) {
  console.log(data);
}

first()
  .then(second
  , (jqxhr, textStatus, errorThrown) => console.error(jqxhr, errorThrown))
  .fail(err => console.error(err)); // handle error for `second` call

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>