如何使JavaScript回调函数首先执行？

Question

我有下面的代码（我已剥离和简化）：

function myOrder() { 
     setLocation(); // sets a value for global variable 'location' 
         // using GET   

     $.post('http://111.111.111.111/order', { 
       Item: Chair, 
       Price: 50, 
       Location: location; 
               }) 
} 

的问题是，这个函数定义的setLocation（）回调函数完成之前执行后（）代码。

我需要setLocation（）函数首先完成，因此它可以为'location'指定一个全局变量，然后将其用作POST部分中的值。

有谁知道这是否可以做到？

由于

编辑：为了澄清： setLocation（）是一个GET请求，即一个下全局变量名“位置”得到通过GPS并将其存储在当前位置。

所以我认为是在回调函数完成其GET响应之前myOrder（）方法POSTS。

Answer 1

由于你没有提供的setLocation实施，我会假设你使用$.get或一些类似jQuery函数（$.ajax，$.getJSON ...）。

在这种情况下，不使用的$.get回调函数，并没有存储响应数据的全局变量，但回$.get(...)，因为它是一个承诺：

function setLocation() { 
    // Return the promise object returned by $.get, $.getJSON, $.ajax, ... 
    // instead of using the callback function, and don't store the result 
    // in a global variable 
    return $.get("myurl").then(function (data) { 
     // As you did not provide the code, this serves only as example. The 
     // way you extract the latitude and longitude from the response may be 
     // different. Adapt as needed: 
     data = JSON.parse(data); 
     var lat = data.result[0].lat; 
     var lng = data.result[0].lng; 
     // Return value will be the promised value: adapt the format as needed, 
     // This will become the location variable content in your other function 
     return { lat, lng }; 
    }); 
} 
function myOrder() { 
    // Use the `then` method on the jQuery promise, and return 
    // the result of the `then` method again, so you can chain 
    // on myOrder() as well... 
    return setLocation().then(function (location) { 
     // Return the `$.post` result: 
     return $.post('http://111.111.111.111/order', { 
      Item: Chair, 
      Price: 50, 
      Location: location; 
     }); 
    }); 
} 

Answer 2

使用异步流程

function setLocation() { 
    return new Promise((resolve, reject) => { 
    // I do my stuff 

    // I finished 
    resolve(); 
    }); 
} 

function myOrder() { 
     setLocation().then(() => { 
      $.post('http://111.111.111.111/order', { 
        Item: Chair, 
        Price: 50, 
        Location: location; 
               })   
     }) 
} 

Answer 3

如果setLocation函数是一个异步功能，您将需要更改它完成后收到一个回调函数。

function myOrder() { 
    setLocation(function() { 
     $.post('http://111.111.111.111/order', { 
      Item: Chair, 
      Price: 50, 
      Location: location 
     }); 
    }); 
} 

希望它有帮助。