? 小七平時在使用ES2017的 async功能經常會有如下:

const bluebird = require('bluebird');async function doSomething() {await bluebird.delay(1000);throw new Error('ttt'); }(async function() {return doSomething();// 關注點 })().then(function() {console.log('ok');}).catch(function(err) {console.error('fail');});

小七在調用doSomething的時候直接使用 `return doSomething()` ，而不是用 `return await doSomething()`。

因為它們的執行和結果都是一樣的。在大部分情況下，這種方式是正確的，而且代碼也比較簡潔。

但事實上在執行的時候是有些差異的，我們看下下面的例子。

(async function() {try {return doSomething();// 關注點,這里我們省略了await 產生了更我們設想不太一樣的結果} catch (err) {console.log('do something ignore');} })().then(function() {console.log('ok');}).catch(function(err) {console.error('fail');}); //輸出 ：fail

小七這里原本的設想是 在調用doSomething的時候，如果有什么錯誤的話，忽略錯誤，正常返回。

但是結果確實拋出了錯誤，被最后面的catch捕獲。輸出了fail。

于是調整了下代碼：

const bluebird = require('bluebird');async function doSomething() {await bluebird.delay(1000);throw new Error('ttt'); }(async function() {try {return await doSomething();// 關注點,這里恢復了省略掉的 await} catch (err) {console.log('do something ignore');} })().then(function() {console.log('ok');}).catch(function(err) {console.error('fail');}); //輸出 ： //do something ignore //ok

把 await 恢復回來就正常了。

這里主要的原因就在于小七對async語法糖原理的誤解，小七以為在async函數中使用return的時候和return await是一樣的，是因為return 隱含了await的功能。然而并非如此，async中的return 只是簡單的返回一個promise，所以return 在使用的時候并沒有任何拋錯，try catch 自然就沒法獲得該錯誤。而返回的promise被后面的.catch方法捕獲到錯誤。

而如果使用? return await doSomething() 的時候，等價于 先await了doSomething返回的promise，如果有reject，則會直接傳給cacth block 處理。

?

總結，async函數中的return 并沒有黑魔法，在大部分情況下也不需要黑魔法，因為async方法的結果也是一個promise，所以返回一個promise是等價的。

但我們還是要理解它的實現原理。

因為在async 中 try catch 語法糖的原理是處理同步拋出的錯誤和await產生的reject，所以，我們不能省略掉await的調用。

轉載于:https://www.cnblogs.com/chianquan/p/9419089.html

總結

以上是生活随笔為你收集整理的关于async 中return 和 return await 的差异的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。