非同步函數協調：等待完成

使用非同步函數時，確保一個函數在另一個函數繼續之前完成至關重要。在 JavaScript 中，有許多方法可以實現這種同步。

提到的一種方法是使用全域布林變數來指示函數的完整性。雖然有效，但如果存在多個非同步操作，此方法可能容易發生衝突。

更優雅的解決方案涉及回調，允許呼叫者指定非同步操作完成後要執行的函數。回呼函數提供了一種清晰簡潔的方法來處理這種情況：

function firstFunction(_callback) {
  // Perform asynchronous work here...
  _callback();
}

function secondFunction() {
  firstFunction(() => {
    console.log('First function completed');
  });
}

為了簡潔的程式碼，請考慮使用箭頭函數：

firstFunction(() => console.log('First function completed'));

或者，如果您需要更好地控制非同步操作，請考慮使用Promises 或async/await。 Promise 提供了一種更結構化的方法，可讓您有效地連結操作並處理多個非同步呼叫。

const firstFunctionPromise = () => {
  // Return a Promise object...
};

secondFunction()
  .then(result => {
    console.log('First function completed using Promise');
  })
  .catch(error => {
    console.log('Error occurred: '   error);
  });

為了提高可讀性和簡潔的程式碼，async/await 提供了更簡單的語法：

const secondFunction = async () => {
  const result = await firstFunction();

  console.log('First function completed using async/await');
};

最終，最佳方法取決於特定用例的複雜性和要求。透過選擇適當的同步方法，您可以確保非同步函數的順利且可預測的執行。