在JavaScript中，異步函數可以通過以下幾種方式提高代碼的可讀性：

1. 使用async/await關鍵字：使用async關鍵字聲明異步函數，然后在函數內部使用await關鍵字等待Promise的結果。這樣可以讓你以同步的方式編寫異步代碼，使代碼更易于閱讀和理解。

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

2. 使用Promise鏈：通過使用Promise的then方法鏈接多個異步操作，可以使代碼更加易讀。每個操作都返回一個新的Promise，這樣你可以按順序執行它們。

function fetchData() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error fetching data:', error));
}

3. 使用async/await和for循環：如果你需要處理一個異步迭代，可以使用async/await和for循環來簡化代碼。這樣可以讓你以同步的方式編寫異步迭代，使代碼更易于閱讀和理解。

async function processItems(items) {
  for (const item of items) {
    try {
      const result = await fetch(`https://api.example.com/data/${item}`);
      const data = await result.json();
      console.log(data);
    } catch (error) {
      console.error(`Error fetching data for item ${item}:`, error);
    }
  }
}

4. 使用Promise.all()：如果你有多個獨立的異步操作，并且它們可以并行執行，可以使用Promise.all()來簡化代碼。這樣可以讓你更清晰地看到哪些操作是并行的，哪些操作是串行的。

async function fetchMultipleData() {
  try {
    const [data1, data2] = await Promise.all([
      fetch('https://api.example.com/data/1').then(response => response.json()),
      fetch('https://api.example.com/data/2').then(response => response.json()),
    ]);
    console.log(data1, data2);
  } catch (error) {
    console.error('Error fetching multiple data:', error);
  }
}

通過使用這些方法，你可以使JavaScript異步函數更易于閱讀和理解。