Promise返回'undefined‘或babel编译代码不等待返回(async/await)

Promise返回'undefined'或babel编译代码不等待返回(async/await)是由于异步操作的执行顺序问题导致的。

在JavaScript中，异步操作常常使用Promise来处理。Promise是一种用于处理异步操作的对象，它可以表示一个异步操作的最终完成或失败，并返回结果值或错误信息。

当Promise返回'undefined'时，通常是因为在Promise的回调函数中没有正确地返回结果值。Promise的回调函数应该返回一个值或另一个Promise对象，以便后续的操作可以继续执行。

例如，以下代码中的Promise返回'undefined'：

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

getData().then((result) => {
  console.log(result); // 'data'
});

在上面的代码中，Promise的回调函数中正确地使用了resolve方法来返回结果值。如果回调函数中没有调用resolve方法，或者没有返回任何值，那么Promise将返回'undefined'。

另外，当使用babel编译代码时，如果不等待异步操作的返回结果，可能会导致代码执行顺序混乱。这时可以使用async/await来确保代码按照预期的顺序执行。

async/await是一种用于处理异步操作的语法糖，它可以让异步代码看起来像同步代码一样，提高代码的可读性和可维护性。

以下是使用async/await修复上述代码的示例：

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

async function fetchData() {
  const result = await getData();
  console.log(result); // 'data'
}

fetchData();

在上面的代码中，使用async关键字定义了一个异步函数fetchData，并在其中使用await关键字等待getData函数的返回结果。这样可以确保在获取到数据后再执行后续的操作，避免了代码执行顺序混乱的问题。

总结起来，当Promise返回'undefined'时，需要检查Promise的回调函数是否正确地返回了结果值。而当babel编译代码不等待返回结果时，可以使用async/await来确保代码按照预期的顺序执行。