react异步操作中promise与箭头函数大括号的差异
本文探讨React中使用Promise和箭头函数时，大括号的使用如何影响异步操作的返回值。 核心问题在于箭头函数的隐式返回机制。
我们以get函数为例，对比两种不同的实现方式：
正确写法 (隐式返回):
get: () => new Promise((resolve: any) => {
// ... promise逻辑 ...
})
这种写法中，箭头函数只有一条语句new Promise(...)，该语句的返回值（Promise对象）被隐式地作为箭头函数的返回值。
错误写法 (无返回值):
get: () => {
new Promise((resolve: any) => {
// ... Promise逻辑 ...
})
}
这里，箭头函数包含大括号，形成一个代码块。new Promise(...)只是代码块中的一条语句，它本身并没有被return语句返回。因此，get函数实际上返回undefined。
当使用await currentref.current.get()时，正确写法可以正确等待Promise完成并获取resolve的值。而错误写法由于get函数返回undefined，await操作将无法等待Promise，导致无法获取预期结果。
因此，在使用箭头函数定义异步操作函数时，尤其是在返回Promise对象时，务必注意隐式返回规则。 如果箭头函数包含多条语句，必须使用return关键字显式返回Promise对象，避免因省略return而导致函数返回undefined，进而引发程序错误。 简洁的单语句箭头函数可以利用隐式返回简化代码，但必须确保其逻辑正确。
