AJAX 04 回调函数地狱和 Promise 链式调用、async 和 await、事件循环

在AJAX请求中，我们通常使用回调函数（callback）来处理异步操作。然而，深层嵌套的回调会导致所谓的"回调地狱"（callback hell），不仅代码可读性差，还可能导致错误管理复杂。因此，Promise、async/await和事件循环为我们提供了更现代和可维护的异步代码解决方案。

1. 使用Promise链式调用：

getJSON('/posts')
  .then(function(posts) {
    return getJSON(posts[0].commentURL);
  })
  .then(function(comments) {
    console.log(comments);
  })
  .catch(function(error) {
    // 处理前面任何步骤中的错误
    console.error(error);
  });

2. 使用async/await（需要在顶部声明async）：

async function fetchPostsAndComments() {
  try {
    const posts = await getJSON('/posts');
    const comments = await getJSON(posts[0].commentURL);
    console.log(comments);
  } catch (error) {
    console.error(error);
  }
}

3. 事件循环和异步函数：

const eventLoop = setInterval(function handleInterval() {
  console.log('这是一个事件循环的tick');
}, 0);
 
async function asyncFunction() {
  while (true) {
    console.log('这是一个异步函数的tick');
    await new Promise(resolve => setTimeout(resolve, 1000));
  }
}
 
asyncFunction();

以上代码展示了如何使用现代JavaScript特性处理AJAX请求。Promise和async/await是编写异步代码的更好方法，因为它们使得代码更易读、管理和维护。