[英]Clearner way to wait for function to complete before continuing
首先,我从公共 api 获取随机报价。只有在我真正有报价之后,我才想呈现包含该报价的页面。
我是 JavaScript 新手,如果这是一个愚蠢的问题,请多多包涵。
在继续呈现页面之前,我一直在努力等待 api 调用返回。 我想执行以下操作,但这不起作用,因为在我引用之前会调用res.render
。 (注意:我使用的是 Express 和 Axios)
async function getRandomQuote() {
try {
const res = await axios.get("https://api.quotable.io/random?tags=famous-quotes")
console.log(`${res.data.content} - ${res.data.author}`) //This prints fine
return res.data
} catch(e) {
console.log('error', e)
}
}
app.get('/', (req, res) => {
const quote = getRandomQuote()
console.log(`${quote.content} - ${quote.author}`) //This prints 'undefined' because 'getRandomQuote' isn't finished yet
res.render('home', { quote })
})
我想出的唯一方法如下,但我发现这真的很乱。 有没有更清洁的方法来做到这一点? 或者我是否总是需要将所有我想要等待的代码行放在异步 function 中?
async function getRandomQuote() {
try {
const res = await axios.get("https://api.quotable.io/random?tags=famous-quotes")
console.log(`${res.data.content} - ${res.data.author}`) //This prints fine
return res.data
} catch(e) {
console.log('error', e)
}
}
app.get('/', (req, res) => {
const getQuoteAndRender = async() => {
const quote = await getRandomQuote()
console.log(`${quote.content} - ${quote.author}`) //This prints only if I wrap everything in yet another aync function, otherwise it will not wait for 'getRandomQuote' to complete
res.render('home', { quote })
}
getQuoteAndRender()
})
(注意:我意识到在成功获得报价后呈现页面也不理想,因为这意味着如果报价 api(出于某种原因)不起作用,我根本不会获得页面。但现在我只想知道如何在等待中做到这一点。)
这是您需要做的。 通过执行此操作使您的 controller async
app.get('/', async (req, res)
app.get('/', async (req, res) => {
const quote = await getRandomQuote()
console.log(`${quote.content} - ${quote.author}`) //This prints 'undefined' because 'getRandomQuote' isn't finished yet
res.render('home', { quote })
})
尝试这个:
getRandomQuote()
.then(quote => {
console.log(`${quote.content} - ${quote.author}`)
res.render('home', { quote })
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.