要避免回調地獄，您可以使用以下幾種方法：

1. Promise：Promise 是一種更簡潔的處理異步操作的方法。它可以將回調函數以鏈式調用的方式組織，使代碼更加易讀。例如：

function asyncOperation1() {
  return new Promise((resolve, reject) => {
    // 異步操作
    resolve(result);
  });
}

function asyncOperation2() {
  return new Promise((resolve, reject) => {
    // 異步操作
    resolve(result);
  });
}

asyncOperation1()
  .then(result1 => {
    console.log('Result 1:', result1);
    return asyncOperation2();
  })
  .then(result2 => {
    console.log('Result 2:', result2);
  })
  .catch(error => {
    console.error('Error:', error);
  });

2. async/await：async/await 是基于 Promise 的語法糖，它允許您以同步的方式編寫異步代碼。通過在函數聲明前添加 async 關鍵字，并在調用異步函數時使用 await 關鍵字，可以使代碼更加簡潔。例如：

async function main() {
  try {
    const result1 = await asyncOperation1();
    console.log('Result 1:', result1);

    const result2 = await asyncOperation2();
    console.log('Result 2:', result2);
  } catch (error) {
    console.error('Error:', error);
  }
}

main();

3. 使用事件監聽器：對于某些異步操作（如 DOM 事件），可以使用事件監聽器來處理回調。這樣可以避免回調地獄，但可能會導致回調函數分散在代碼中，不易于維護。例如：

element.addEventListener('click', () => {
  // 處理點擊事件
});

4. 使用流程控制庫：有許多流程控制庫可以幫助您管理異步操作，例如 Redux、RxJS 等。這些庫提供了更高級的異步處理功能，但可能會增加代碼的復雜性。

總之，選擇合適的方法來避免回調地獄取決于您的具體需求和項目規模。在許多情況下，使用 Promise 和 async/await 可以有效地簡化異步代碼的編寫和管理。