javascript - js reduce方法为什么调试和自己写结果不同？

问题描述

问 题

上图是我调试某段代码时发现的结果，单个元素的list使用reduce方法，会将他拆成([],第一个元素)两个参数，然后使用function。

但是自己在console中调试时，
[0].reduce(function(a, b){ console.log('a: ' + a); console.log('b: ' + b);});

会直接返回一个0，不会执行里面写的任意语句（比如我这段写的两个console）。

这是什么原因？？？ 还是说list中包含class时才会这样？

我发现，[Plugin0, Plugin1].reduce(function(a,b){.....})时，在第一次操作时，也会传[]和Plugin0两个参数。

自问自答：
reduce可以传两个参数，第一个是callback（必须），第二个是可选的，如果传入，则已它为起始开始运算，
比如将list中值求和，再加上一个基础值
[1,2,3].reduce((a,b)=>(a+b)) + 10
可以写成 [1,2,3].reduce((a,b) => (a+b),10)
上面的原因，是因为代码太长。。没发现他传入了第二个参数 []
抱歉抱歉

解决方案

可以参考它的polyfill实现，只有一个元素时候，不会执行你这个回调了

function(a, b){ console.log('a: ' + a); console.log('b: ' + b);}

这篇关于javascript - js reduce方法为什么调试和自己写结果不同？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！