前言
随着前端技术的不断发展，JavaScript 语言也在不断更新，ES9（ECMAScript 2018）是 JavaScript 语言的最新版本，其中包含了很多新特性和语法糖。在 ES9 中，async/await 成为了异步编程的主流方式。但是，当我们在函数中使用 return 后，会发现 async 函数是否执行的问题，这也是本文要讨论的话题。
问题背景
在 JavaScript 中，我们经常会使用异步编程来处理一些耗时的操作，比如网络请求、读取文件等等。在 ES7 中，我们可以使用 async/await 来简化异步编程，将异步操作的结果处理成同步的形式。例如：
async function fetchData() {
const res = await fetch('https://api.example.com/data');
const data = await res.json();
return data;
}
fetchData().then(data => console.log(data));上面的代码中，我们使用 async/await 来获取远程数据，并将结果返回。在调用 fetchData 函数后，我们使用 then 方法来处理返回的数据。
但是，当我们在函数中使用 return 后，会发现 async 函数是否执行的问题。例如：
-- -------------------- ---- -------
-------- ----- -
-------
----- -------- ----------- -
----- --- - ----- --------------------------------------
----- ---- - ----- -----------
------ -----
-
--------------------- -- -------------------
-
------上面的代码中，我们在 foo 函数中使用了 return，导致 fetchData 函数没有被执行。这是因为当函数执行到 return 语句时，函数会立即退出并返回 undefined，后面的代码不会被执行。
解决方案
为了解决上述问题，我们可以将 async 函数放到函数外部，或者使用立即执行函数来包裹 async 函数。例如：
-- -------------------- ---- ------- ----- -------- ----------- - ----- --- - ----- -------------------------------------- ----- ---- - ----- ----------- ------ ----- - -------- ----- - ------- - --------------------- -- ------------------- ------
或者：
-- -------------------- ---- -------
-------- ----- -
-------
------ ---------- -
----- --- - ----- --------------------------------------
----- ---- - ----- -----------
------------------
-----
-
------上面的代码中，我们将 fetchData 函数放到函数外部，或者使用立即执行函数来包裹 async 函数，这样就可以避免在函数中使用 return 后 async 函数是否执行的问题。
总结
在 JavaScript 中，我们经常会使用异步编程来处理一些耗时的操作。在 ES9 中，async/await 成为了异步编程的主流方式。但是，当我们在函数中使用 return 后，会发现 async 函数是否执行的问题。为了解决这个问题，我们可以将 async 函数放到函数外部，或者使用立即执行函数来包裹 async 函数。这样就可以避免在函数中使用 return 后 async 函数是否执行的问题。
希望本文对大家有所启发，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6587a24ceb4cecbf2dce66ec