await .then 同时使用
时间: 2023-09-05 08:01:20 浏览: 61
await 和 .then 都是 JavaScript 中用于处理异步操作的关键字或方法。它们可以用于处理 Promise 对象的返回结果。
await 是 ECMAScript 2017 引入的一个关键字,用于暂停代码的执行,等待 Promise 对象的状态变为 resolved 后,才会继续执行下面的代码。await 必须在 async 函数中使用。
例如,我们可以这样使用 await:
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
}
在上面的代码中,使用 await 关键字来等待 fetch 函数返回的 Promise 对象结果。然后,再使用 await 等待 response.json() 方法返回的 Promise 对象结果。
而 .then 是 Promise 对象的方法,用于注册一个回调函数,在 Promise 对象的状态变为 resolved 时,该回调函数会被调用。
例如,我们可以这样使用 .then:
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data));
在上面的代码中,使用 .then 方法来处理 fetch 函数返回的 Promise 对象。第一个 .then 方法用于处理 response 对象,第二个 .then 方法用于处理 data 对象。
因此,await 和 .then 都可以用于处理异步操作的结果,但使用方式略有不同。await 关键字通常用在 async 函数中,而 .then 方法通常用在 Promise 链中。使用 await 可以使异步代码看起来更像同步代码,而使用 .then 则更像是链式的回调函数。