动态网站建设与维护外贸公司如何做推广
【蓝桥杯】第十五届省赛大学真题组真题解析
三、产品360度展示
1、知识点
（1）Promise对象
Promise对象是一个构造函数，用来封装异步操作并且返回成功或者失败的结果
回调函数：函数A作为参数引入函数B，则称函数A为回调函数
可以防止“回调地狱”现象产生
回调地狱：多个异步代码需要按顺序执行产生多层嵌套现象，可读性极差
- 存在一个异步任务
//封装一个异步操作
const p = new Promise((resolve,reject) => {//调用一下两个参数可相应改变promise状态的值resolve('获取成功')//或reject('获取失败')
})
p.then((data)=>{//then内部接受一个回调函数（resolve()），回调函数的参数设置为dataconsole.log(data)
})
.catch((err)=>{console.log(err)
})
- 存在两个异步任务
//封装一个异步操作
const p = new Promise((resolve,reject) => {//调用两个参数可改变promise状态的值resolve('获取成功')//或reject('获取失败')
})
p.then((data)=>{console.log(data)//分配第二个异步任务的功能，作为p.then的返回值return p1 = new Promise((resolve,reject) => {//调用两个参数可改变promise状态的值resolve('获取成功')//或reject('获取失败')})
})
//用于处理上一个then返回的promise对象
.then((data)=>{console.log(data)
})
.catch((err)=>{console.log(err)
})
（2）async、await语法糖
在promise的基础上简化了异步代码的编写。
async可以定义异步函数，使该函数返回一个promise对象。如果异步函数返回一个值则会被promise.resolve包装 如果异步函数返回异常则会被promise.reject包装。
await被用于被async定义的异步函数中，用于等待一个promise对象完成，并返回一个promise值。如果await后面不是一个promise对象，那么他会被转换成一个已解决的promise对象。
function one(){return 'one'
}
function two(){return new Promise((resolve,reject)=>{setTimeout(()=>{resolve('two')},2000)})
}
function three(){return 'three'
}
async function run(){console.log(one())console.log(await two())//可以等待two的异步函数执行完再往下继续执行console.log(three())
}
（3）Promise.resolve方法
可以将一个普通值转换为状态为fulfilled的promise对象
（4）reduce方法
reduce方法是js数组对象中的一个高阶方法，他对数组中的每个元素执行一个自定义的回调函数，并将结果汇总为单个值
语法：数组名.reduce(callback(accumulator,currentValue,currentIndex(可选),array()可选),initialValue(可选))
- 参数
- callback是一个自定义的回调函数，参数可以设置accumulator，currentValue，currentIndex，array
- accumulator：累加器，可保存上一次回调函数的返回值；在第一次调用回调函数时如果设置了initialValue，则accumulator初始值为initialValue，如果没有设置initialValue，则accumulator的初始值为数组中的第一个元素（必选）
- currentValue：当前正在处理的数组元素（必选）
- currentIndex：当前正在处理的数组元素的所以（可选）
- array：调用reduce()方法的数组（可选）
- initialValue：第一次调用callback函数时，accumulator的初始值（可选）
- 返回值
reduce()方法最后一次回调函数的返回值
2、题解
简单的promise链式调用
const pipeline = (initialValue, sequence) => {// TODO: 待补充代码return sequence.reduce((promise,currentFn)=>{return promise.then((result)=>{return currentFn(result)})},Promise.resolve(initialValue))
};
在第一次调用时，promise对象为Promise.resolve(initialValue)，其解决值为initialValue。
在后续调用中，promise对象为then方法中返回的新promise对象，其解决值为上一个函数调用后的值。
async await语法糖
const pipeline = async (initialValue, sequence) => {// TODO: 待补充代码let result = initialValuefor (const fn of sequence){result = await fn(result)}return result
};
如果await后面不是一个promise对象，那么他会被转换成一个已解决的promise对象。
3、思路
pipeline函数的设计目标是按顺序依次执行sequence数组中的所有函数，并且每个函数的输入是上一函数的输出。
- 通过reduce方法遍历sequence数组，并且将返回值设置为初始值的已解决promise对象形式
在 pipeline 函数中，sequence 数组里的函数既可以是同步函数，也可以是返回 Promise 的异步函数。通过将初始值 initialValue 包装成一个已解决状态的 Promise（使用 Promise.resolve(initialValue)），可以确保后续处理的一致性。
- promise.then会在promise状态变为fulfilled时执行内部的回调函数（第一次循环时，initalValue已经是一个已解决的promise对象所以会立即执行回调函数）
- 在回调函数内部，currentFn(result)会调用当前函数，并传入上一个promise的结果作为参数result。
当currentFn是同步函数时，会立刻执行并且返回一个值，由于then的特性（then方法期望得到一个promise对象），返回的值会被包装成一个已解决的promise对象（Promise.resolve(返回值)）。
当currentFn是异步函数时，会等待promise状态由pending转变为resolved，然后返回一个已解决的promise对象。
- 返回的已解决的promise对象会重新传入管道函数的参数promise累加器，进行下一轮的遍历