【Step-By-Step】高频面试题深入解析 / 周刊05

本周面试题一览:

• 实现 Promise.race 方法
• JSONP 原理及简单实现
• 实现一个数组去重的方法
• 清楚浮动的方法有哪些
• 编写一个通用的柯里化函数 currying

更多优质文章可戳: https://github.com/YvetteLau/...

20. 实现 Promise.race 方法

在实现 Promise.race 方法之前，我们首先要知道 Promise.race 的功能和特点，因为在清楚了 Promise.race 功能和特点的情况下，我们才能进一步去写实现。

Promise.race 功能

Promise.race(iterable) 返回一个 promise，一旦 iterable 中的一个 promise 状态是 fulfilled / rejected ，那么 Promise.race 返回的 promise 状态是 fulfilled / rejected.

let p = Promise.race([p1, p2, p3]);

只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给 p 的回调函数。

Promise.race 的特点

Promise.race 的返回值是一个 promise 实例

• 如果传入的参数为空的可迭代对象，那么 Promise.race 返回的 promise 永远是 pending 态
• 如果传入的参数中不包含任何 promise，Promise.race 会返回一个处理中（pending）的 promise
• 如果 iterable 包含一个或多个非 promise 值或已经解决的promise，则 Promise.race 将解析为 iterable 中找到的第一个值。

Promise.race 的实现

Promise.race = function (promises) {
    //promises传入的是可迭代对象(省略参数合法性判断)
    promises = Array.from(promises);//将可迭代对象转换为数组
    return new Promise((resolve, reject) => {
        if (promises.length === 0) {
            //空的可迭代对象;
            //用于在pending态
        } else {
            for (let i = 0; i < promises.length; i++) {
                Promise.resolve(promises[i]).then((data) => {
                    resolve(data);
                }).catch((reason) => {
                    reject(reason);
                })
            }
        }
    });
}

21. JSONP原理及简单实现

尽管浏览器有同源策略，但是