async await Suspense
时间: 2023-10-19 20:35:47 浏览: 76
01-async-await.html
`async/await`和`Suspense`是两个不同的概念。
`async/await`是 JavaScript 中处理异步操作的一种语法糖。通过使用`async`关键字修饰函数,可以使函数返回一个 Promise 对象。在函数内部,可以使用`await`关键字来等待一个 Promise 的解析结果,并以同步的方式处理异步操作。这种语法可以使异步代码看起来更像是同步代码,提高了可读性和可维护性。
`Suspense`是 React 中的一个特性,用于优化和简化异步加载的组件。通常在 React 中,当某个组件需要加载异步数据时,会出现一段时间的空白或者加载指示器。而使用`Suspense`,可以在组件树中指定一个加载状态的组件,当子组件尚未完成异步加载时,可以显示这个加载状态的组件,避免了用户看到空白或者加载指示器。在配合 React 的新特性 React.lazy 和 React.Suspense 使用时,可以更方便地实现按需加载。
所以,`async/await`是 JavaScript 中处理异步操作的语法糖,而`Suspense`是 React 中用于优化异步加载的特性。它们在不同的领域有不同的用途。
阅读全文