在前端开发中,我们经常使用 Promise 进行异步处理。 Promise 是一个对象,它表示一个异步操作的最终完成(或失败)及其结果值的表示。 Promise 对象最主要的两个方法分别是 then 和 resolve。
Promise.then 方法
then 方法返回一个新的 Promise 对象。当 Promise 对象状态改变时,then 方法会被调用,并接收 Promise 对象的结果值。then 方法接受两个参数:一个回调函数,当 Promise 对象状态变为 resolved 时调用;一个回调函数,当 Promise 对象状态变为 rejected 时调用。
以下是一个简单的示例代码:
const promise = fetch('https://jsonplaceholder.typicode.com/users/1') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log(error));
这段代码首先使用 fetch 方法获取一个 JSON 数据,然后使用 then 方法获取该数据并在控制台输出。如果出现了异常,catch 方法会捕获到异常并在控制台输出错误日志。
Promise.resolve 方法
resolve 方法返回一个新的 Promise 对象,并将参数作为 Promise 对象的结果值。如果该参数为一个 Promise 对象,则返回的对象与该参数相同。如果该参数为一个 thenable 对象,则返回的对象将遵循该对象的状态。
以下是一个简单的示例代码:
const promise = Promise.resolve('Hello World'); promise.then(result => console.log(result)); // 输出 Hello World
在以上示例中,我们使用 Promise.resolve 方法创建一个 Promise 对象,并将字符串 'Hello World' 作为其结果值。我们使用 then 方法获取结果值,并在控制台输出该结果值。
总结
在前端开发中,我们经常使用 Promise 进行异步操作。then 方法和 resolve 方法是 Promise 对象最主要的两个方法。then 方法用于处理 Promise 对象的结果值,resolve 方法用于创建 Promise 对象并将参数作为其结果值。
在我们的日常开发工作中,掌握这些方法的使用和底层原理,可以使我们更好地完成异步操作,提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6450a72a980a9b385b99edcd