Hi all, 以下是我關於非同步的理解
非同步意義是在於不要讓程式blocking, 方法有Callback function, Promise, Async/Await等

假設前端要渲染畫面, 不能為了等待某個response而讓畫面卡住, 這時使用非同步方法, 先繼續渲染畫面, 等待response回來後呼叫callback function繼續動作(例如把data放上畫面)

如果現在要以第一筆response data當作第二筆request body(接續好幾個), 為了避免callback hell會使用Promise chain, 讓程式好讀好維護

後來出現async/await語法糖, 包裝後讓Promise更方便好用

使用async/await時, 例如:

async function getData() {
  const data1 = await promiseFn(1);
  const data2 = await promiseFn(2);
  // Do something
}

其中會先執行promiseFn(1), 待resolve後再執行promiseFn(2)
Q1: 此getData()為async function, 以剛剛前端例子來說, 我邊渲染畫面, 呼叫此函式到後端拿資料, 執行完後就可以Do something而不會讓畫面blocking, 這樣理解沒錯吧?

Q2: 現有個API功能是讓前端post data, server動作包含以下幾個:
(使用MongoDB, mongoose)

1. 到DB搜尋是否有該筆資料
2. 更新資料
3. 儲存到DB
   簡化程式如下:

const foo = async function (req, res) {
    var result_data = await dataModel.find({/*cond*/}).exec();
    // ...
    result_data.DataA = new_Data
    
    await result_data.save();
    return res.status(200).json({message: "success"}});
};

問題在於, 執行到await時會等到執行結束才繼續往下, 這使得整個function像是同步執行了? 如果不加入async/await會有錯誤嗎? 目前想到若有多個前端可能會導致race condition?

補充Q3: 剛在stackoverflow看到一個發問,
連結:https://stackoverflow.com/questions/52832010/mongoose-await-save
但我找不出原PO的程式碼問題在哪, 還望指教~

app.post('/api/CreateUser', async (req, res) => {
    const newUser = new User({
        'email': req.body.email,
        'name': req.body.name
    });
    console.log('before save');
    await newUser.save((err, userDoc) => {
        if (err) return res.status(400).send(err);
        console.log('saved item');
    });
    console.log('after save');
});
/*
The current console.log order is:
before save
after save
saved item

But I would like it to be:
before save
saved item
after save
*/

謝謝