使用nodeAPI時遇到過異步問題如何解決

這篇文章主要講解了“使用nodeAPI時遇到過異步問題如何解決”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“使用nodeAPI時遇到過異步問題如何解決”吧！

問題

閑逛技術群時常常看到群友遇到異步問題, 這里就最近看到的問題做個解答:

問題大致是這樣:

下面這段代碼, 是希望輸出456的, 但實際上卻輸出了[], 因為readFile的回調會等到文件讀取完成才會執行, readFile不會阻塞代碼運行, 因此return demo會先執行, 此時demo值為[].

const fs = require('fs')
const readFileFn = () => {
	let demo = []
  fs.readFile('./config.json', async function (err, date) {
    Promise.all([Promise.resolve(() => 456)]).then(res => {
      demo = res
    })
  })
  return demo
}
console.log('end', readFileFn()) // 要輸出456

很典型的異步問題, 解決方法也由不少, 我們來探討一下:

• 既然readFile提供回調函數來執行讀完文件后的操作, 我們同樣可以提供回調函數來執行readFile結束后的操作:

const fs = require('fs')
const readFileFn = (callback) => {
  fs.readFile('./config.json', async function (err, date) {
    Promise.all([Promise.resolve(456)]).then(res => {
      callback(res)
    })
  })
}
readFileFn(data => console.log(data)) // [ 456 ]

• 現代JS編程似乎更傾向于Promise風格, 同時我們結合async/await可以進一步簡化代碼

const fs = require('fs')
const readFileFn = async () => {
  const [result] = await Promise.all([
    new Promise(resolve => fs.readFile('./config.json', (err, data) => resolve(456))),
  ])
  return result
}
readFileFn().then(res => console.log(res)) // 456

這里我們創建了一個Promise, 在readFile的回調函數執行時我們resolve它, 這時Promise才算結束

• 我們還可以之間讓readFileFn返回一個Promise

const readFileFn = () => {
  return new Promise(resolve => {
    fs.readFile('./config.json', async function (err, date) {
      Promise.all([Promise.resolve(456)]).then(res => {
        resolve(res)
      })
    })
  })
}
readFileFn().then(console.log) // [456]
// readFileFn().then(res => console.log(res))

感謝各位的閱讀，以上就是“使用nodeAPI時遇到過異步問題如何解決”的內容了，經過本文的學習后，相信大家對使用nodeAPI時遇到過異步問題如何解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！