如何確保 JavaScript 中的非同步函數完成？

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

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

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

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

<code class="javascript">function firstFunction(_callback) {
  // Perform asynchronous work here...
  _callback();
}

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

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

<code class="javascript">firstFunction(() => console.log('First function completed'));</code>

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

<code class="javascript">const firstFunctionPromise = () => {
  // Return a Promise object...
};

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

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

<code class="javascript">const secondFunction = async () => {
  const result = await firstFunction();

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

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

以上是如何確保 JavaScript 中的非同步函數完成？的詳細內容。更多資訊請關注PHP中文網其他相關文章！