如何使javascript获取同步？ [复制]

Question

我正在使用 fetch 从 api 获取数据 json。工作正常，但我必须重复使用它进行各种调用，因此它需要是同步的，否则我需要一些方法在每个组件的获取完成时更新接口。

function fetchOHLC(yUrl){
    fetch(yUrl)
    .then(response => response.json())
    .then(function(response) {
                alert(JSON.stringify(response.query));

            var t = response.created;
            var o = response.open;
            var h = response.high;
            var l = response.low;
            var c = response.close;
        
        return {t,o,h,l,c};
    
    })
    .catch(function(error) {
        console.log(error);
    });    
}

var fetchData = fetchOHLC(yUrl);
alert(fetchData); // empty ?

除了使用 fetch 之外，还有其他方法可以实现吗？ （我不想用 jquery 比较好）。

谢谢

编辑

问题是关于 fetch-api，而不是 ajax，不是 jquery，所以请不要在没有正确阅读的情况下将其标记为这些问题的重复。

Answer 1

如果您来到这里是因为您将“如何使 javascript fetch 同步”放到搜索引擎中：

这没有多大意义。执行网络操作不需要 CPU 工作，因此在fetch(...) 期间阻止它没有什么意义。相反，请正确使用异步，如上面链接的duplicate 所示。

问题的原始答案：

你希望你的 fetch 函数返回某事：

function fetchOHLC(yUrl){
    return fetch(yUrl)
    .then(response => response.json())
    .then(function(response) {
            alert(JSON.stringify(response.query));

        var t = response.created;
        var o = response.open;
        var h = response.high;
        var l = response.low;
        var c = response.close;

    return {t,o,h,l,c};

    })
    .catch(function(error) {
        console.log(error);
    });    
}

现在 fetchData 包含一个 Promise，可以轻松使用：

var fetchData = fetchOHLC(yUrl);
fetchData.then(alert); //not empty ! its {t,o,h,l,c}

---

如果你想要一些花哨的 ES7，你可以像这样重写整个东西：

async function fetchOHLC(yUrl) {
  try {
    const res = await ( await fetch(yUrl) ).json();
    alert(JSON.stringify(r.query));
    return {t:r.created,o:r.open,h:r.high,l:r.low,c:r.close};
  } catch(e) { console.log(e); }
}

(async function () {
  const fetchData = await fetchOHLC(yUrl);
  alert(fetchData);
})()