[JavaScript知识库]解决报错 & JS & async/await & Uncaught (in promise) SyntaxError: Unexpected reserved word (at

1. 原因：

1. 在函数内使用 await 时，该函数本身必须携带 async，否则就不能使用 async/await

const foo = async () => {
	return new Promise((resolve) => {
		setTimeout(() => { 
			console.log('Hello,world')
			resolve()
		}, 1000)
	})
}
const bar = () => {
	await foo() // 错误，bar 没有加上 async
}
bar()

const bar = async () => {
	await foo(); // 正确
}
bar()

setTimeout(() => {
	await foo(); // 错误，匿名函数也是一个函数，没有带上 async
},1000)

setTimeout(async () => {
	await foo(); // 正确
},100)



const bar = () => {
	return (() => {
		await foo(); // 错误
	})
}
bar()()
const bar = () => {
	return (async () => {
		await foo(); // 正确
	})
}
bar()()

2. 特殊情况：非函数环境下调用 await 是可以的，比如在 window

const foo = async () => {
	return new Promise((resolve) => {
		setTimeout(() => { 
			console.log('Hello,world')
			resolve()
		}, 1000)
	})
}
await foo() // 全局环境下可以直接使用 await

参考文献
https://bobbyhadz.com/blog/javascript-unexpected-reserved-word-await#:~:text=The%20%22unexpected%20reserved%20word%20await,directly%20enclosing%20function%20as%20async%20.