Promise和回调函数的故事

最新推荐文章于 2025-05-28 20:43:29 发布

Crazy-LD

最新推荐文章于 2025-05-28 20:43:29 发布

阅读量536

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： Promise await 异步回调 javaScript

本文链接：https://blog.youkuaiyun.com/qq_42390020/article/details/85224879

javaScript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在JavaScript中Promise与回调函数结合使用时的常见误区。详细解析了为何不能在回调函数内的异步函数中直接使用await关键字，并提供了解决方案。通过正确的方式处理异步操作，可以避免代码陷阱，确保程序的正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise和回调函数一起使用的坑

在回调函数中，不能存在返回值为Promise的异步函数

const reqFuntion = function () {
	return new Promise(function(resolve, rejecrt)) {
		let promise = new Promise()
		promise = axios.get(url)
		promise = axios.post(url, data)
		promise.then(response => {
			resolve(response.data)
		}).catch(err => {
			reject(err)
		})
	})
}
const pro2 = new Promise()
async function foo() {
	pro2.then(() => {
		const result = await reqFuntion()
	})
}

上述的函数foo会报错，不能够执行，因为本身就在异步函数体内，不能使用await关键字

解决方案

function foo() {
	pro2.then(() => {
		let proObj= reqFuntion()
		proObj.then(result => { // 此时的result返回的就是我们想想要的结果
			/*.....*/           
		})
	})
}