关于mdn官网reduce的polyfill的一些疑问
这是官网的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;
}
});
疑惑:
- if(this==null) 没想通写这个的意义..., 因为只有Array才有我写的这个myReduce方法, 而null上无法定义prototype属性或者方法, 使用null.reduce报错是Cannot read property 'reduce' of null。感觉可以去掉这个判断 (源码中也没进行这个判断!)
- let o=Object(this); 感觉这里作用不大, 由于this是对象, 因此调用Object(this) 返回的仍是与this指向的对象的引用地址 也就是说 o===this :true。 可能是换一个变量来指向this?
- 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
this
传进来的是啥。