关于mdn官网reduce的polyfill的一些疑问

发布于 2022-09-12 23:30:01 字数 2804 浏览 14 评论 0

这是官网的polyfill

Object.defineProperty(Array.prototype,'myReduce',{
    value:function (callback) {
        //特殊处理
        if (this===null){
            throw new TypeError('reduce called on null or undefined!');
        }
        if (typeof callback!=='function'){
            throw new TypeError(callback + 'is not a function!');
        }

        //o是进行reduce的对象
        let o=Object(this);
        //>>>0: 将任意js值转换为数字,且不会出现NaN
        let len=o.length>>>0;

        let k=0;
        let value;

        if (arguments.length>=2){ //有initialValue
            value=arguments[1];
        }else {
            //k表示的是index; 猜测是为了排除[ <3 empty items>, 1, 2 ]的情况
            //这里的k可以理解为开始reduce的位置
            while (k<len&&!(k in o)){
                k++;
            }
            //如果k大于等于len,则说明起始位置已经超出了数组范围
            //也就是表明这是一个空数组,而这个else分支为没有initialValue的情况,因此抛出错误
            if (k>=len){
                throw new TypeError('Reduce of empty array with no initial value');
            }
            //这里的value其实就是在指定accumulator
            value=o[k++];
        }
        
        while (k<len){
            //避免这种情况:[ <3 empty items>, 1, <1 empty item>, 2 ]
            if (k in o){
                value=callback(value,o[k],k,o);
            }
            k++;
        }
        return value;
    }
});

疑惑:

  1. if(this==null) 没想通写这个的意义..., 因为只有Array才有我写的这个myReduce方法, 而null上无法定义prototype属性或者方法, 使用null.reduce报错是Cannot read property 'reduce' of null。感觉可以去掉这个判断 (源码中也没进行这个判断!)
  2. let o=Object(this); 感觉这里作用不大, 由于this是对象, 因此调用Object(this) 返回的仍是与this指向的对象的引用地址 也就是说 o===this :true。 可能是换一个变量来指向this?
  3. let len=o.length>>>0; 更具鲁棒性,任何值都能转换为数字 NaN>>>0=0.... ,这我也不知道意义在哪, this应该为数组吧...

下面是我自己改写后的, 不知道会不会有问题:

Object.defineProperty(Array.prototype,'simpleReduce',{
    value:function (callback,initialValue) {
        if (typeof callback!=='function'){
            throw new TypeError(callback+'not a function!');
        }

        let arr=Object(this);
        let len=arr.length>>>0;
        let index=0;
        let accumulator;

        if (arguments.length>=2){
            accumulator=initialValue;
        }else {
            while (index<len&&!(index in arr)){
                index++;
            }
            if (index>=len){
                throw new TypeError('Reduce of empty array with no initial value!');
            }
            accumulator=arr[index++];
        }

        while (index<len){
            if (index in arr){
                accumulator=callback(accumulator,arr[index],index,arr);
            }
            index++;
        }
        return accumulator;
    }
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

简美 2022-09-19 23:30:01
  1. 因为 JS 里有 apply、call 这些骚操作啊……你也无法确定 this 传进来的是啥。
  2. 原因同上。
  3. 原因同上。
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文