解析 Promise 的 then 和 resolve 方法

阅读时长 2 分钟读完

在前端开发中,我们经常使用 Promise 进行异步处理。 Promise 是一个对象,它表示一个异步操作的最终完成(或失败)及其结果值的表示。 Promise 对象最主要的两个方法分别是 then 和 resolve。

Promise.then 方法

then 方法返回一个新的 Promise 对象。当 Promise 对象状态改变时,then 方法会被调用,并接收 Promise 对象的结果值。then 方法接受两个参数:一个回调函数,当 Promise 对象状态变为 resolved 时调用;一个回调函数,当 Promise 对象状态变为 rejected 时调用。

以下是一个简单的示例代码:

这段代码首先使用 fetch 方法获取一个 JSON 数据,然后使用 then 方法获取该数据并在控制台输出。如果出现了异常,catch 方法会捕获到异常并在控制台输出错误日志。

Promise.resolve 方法

resolve 方法返回一个新的 Promise 对象,并将参数作为 Promise 对象的结果值。如果该参数为一个 Promise 对象,则返回的对象与该参数相同。如果该参数为一个 thenable 对象,则返回的对象将遵循该对象的状态。

以下是一个简单的示例代码:

在以上示例中,我们使用 Promise.resolve 方法创建一个 Promise 对象,并将字符串 'Hello World' 作为其结果值。我们使用 then 方法获取结果值,并在控制台输出该结果值。

总结

在前端开发中,我们经常使用 Promise 进行异步操作。then 方法和 resolve 方法是 Promise 对象最主要的两个方法。then 方法用于处理 Promise 对象的结果值,resolve 方法用于创建 Promise 对象并将参数作为其结果值。

在我们的日常开发工作中,掌握这些方法的使用和底层原理,可以使我们更好地完成异步操作,提高开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6450a72a980a9b385b99edcd

纠错
反馈