前端大厂最新面试题-promise.docx

Promise 在 ES6 中的应用和使用场景 Promise 是异步编程的一种解决方案，它比传统的解决方案（回调函数）更加合理和更加强大。在 ES6 中，Promise revolutionized 了异步编程的方式，提供了一种更简洁、更易读的编程方式。 Promise 的状态 ------------- Promise 对象仅有三种状态： * pending（进行中） * fulfilled（已成功） * rejected（已失败） Promise 的特点是对象的状态不受外界影响，只有异步操作的结果，可以决定当前是哪一种状态。一旦状态改变（从 pending 变为 fulfilled 和从 pending 变为 rejected），就不会再变，任何时候都可以得到这个结果。 Promise 的使用 ------------- ### Promise 对象的创建 Promise 对象是一个构造函数，用来生成 Promise 实例： `const promise = new Promise(function(resolve, reject) {});` Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 和 reject。 * resolve 函数的作用是，将 Promise 对象的状态从“未完成”变为“成功”。 * reject 函数的作用是，将 Promise 对象的状态从“未完成”变为“失败”。 ### Promise 实例方法 Promise 构建出来的实例存在以下方法： * then() * catch() * finally() ### then() 方法 then() 方法是实例状态发生改变时的回调函数，第一个参数是 resolved 状态的回调函数，第二个参数是 rejected 状态的回调函数。then 方法返回的是一个新的 Promise 实例，也就是 promise 能链式书写的原因。 `getJSON("/posts.json").then(function(json) { return json.post;}).then(function(post) { // ...});` ### catch() 方法 catch() 方法是.then(null, rejection) 或 .then(undefined, rejection) 的别名，用于指定发生错误时的回调函数。 `getJSON('/posts.json').then(function(posts) { // ...}).catch(function(error) { // 处理 getJSON 和 前一个回调函数运行时发生的错误 console.log('发生错误！', error);});` Promise 对象的错误具有“冒泡”性质，会一直向后传递，直到被捕获为止。 ### finally() 方法 finally() 方法用于指定不管 Promise 对象的状态如何变化，都要执行的回调函数。 `getJSON('/post/1.json').then(function(post) { return getJSON(post.commentURL);}).then(function(comments) { // some code}).catch(function(error) { // 处理前面三个 Promise 产生的错误});` Promise 的优点 ------------- * 链式操作减低了编码难度 * 代码可读性明显增强 Promise 的使用场景 ----------------- * 异步编程 * 处理多层异步操作 * 实现链式编程 Promise 是 ES6 中的一种异步编程解决方案，它提供了一种更简洁、更易读的编程方式，并且具有链式操作、错误冒泡等优点。