停止并执行承诺Javacript

Question

如何同步执行HTTP请求并使用JavaScript存储结果？

给定以下JavaScript模块：

var Promise = require("promise");                                                                                                                                                                       

function myReq(url) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.responseType = 'json';
    xhr.onload = () => {
      if (xhr.status >= 400){
        console.log("got rejected");
        reject({status: xhr.status, statusText: xhr.statusText});
      } else {
        console.log("resolved");
        resolve({data: xhr.response});
      }
    };
    xhr.onerror = () => {
      console.log("Error was called");
      reject({status: xhr.status, statusText: xhr.statusText});
    };
    xhr.send();
  });
}

export default myReq;

我希望该请求中的JSON对象存储在另一个脚本中的本地变量中。但是，当我尝试此代码时，它会运行异步。

1. import myReq from '../../lib/myReq';
2. const urlTest = "localhost://3000:/somepath";
3. const test = myReq(urlTest).then((a) => {console.log(a); return a;}).catch((b) => console.log(b));
4. console.log(test.data);

我希望它在第3行停止，执行代码，将JavaScript对象存储在测试中，然后恢复代码的其余部分。目前测试是一个承诺和测试。数据未定义。

Answer 1

myreq返回承诺，而不仅仅是数据！这就是为什么您需要使用然后＆amp; 捕获块，或者使用等待。

// myReq function returns a Promise, NOT a value! (Not returning 5!)
function myReq(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(5);
    }, 5000);
  });
}

// Option 1
myReq('someurl').then((data) => {
  console.log('data (option 1)', data); // You can use the data here, inside the 'then' block
}).catch((error) => {
  console.log('error', error);
});

// Option 2
const run = async () => {
  try {
    const data = await myReq('someurl'); // await must be called from an 'async' function
    console.log('data (option 2)', data); // You can use the data here, inside the 'try' block
  } catch (error) {
    console.log('error', error);
  }
};
run();

Answer 2

如果要将其转换为同步过程，则可以直接使用async/等待来处理该过程，而不是直接移动到下一步。就像您可以做类似的事情一样：

try {
const result = await myReq(url);
} catch (e) {
 // Handle error generated in the process
}

记住您只能async/egait in Pair表示，只有在async函数中，您才能使用等待 keyword。有关更多详细信息，您可以访问此

希望这会有所帮助。祝你有美好的一天。