关于类数组调用Array.from与call性能对比

最新推荐文章于 2023-07-29 07:44:49 发布

原创最新推荐文章于 2023-07-29 07:44:49 发布 · 613 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文通过测试代码对比了Array.from方法与Array.prototype.forEach.call方法在遍历类数组时的性能差异，实验证明后者在相同条件下运行速度更快。

今天看视频见到别人遍历类数组使用Array.from(likeArray)方法，于是想起了Array.prototype.forEach.call();这两者在项目中选择肯定是性能哪个好选择哪个；
我们写一段测试代码

var linkArr = {0:'a',1:'b',2:'c', length:3};

console.time('global');
for(var i=0;i<10000;i++){
  Array.from(linkArr).forEach((item)=>{
    let el = item;
  })
}
console.timeEnd('global'); // 运行时间：global: 11.6630859375ms

var linkArr = {0:'a',1:'b',2:'c', length:3};

console.time('global');
for(var i=0;i<10000;i++){
  Array.prototype.forEach.call(this, (item) => {
	let el = item;
  })
}
console.timeEnd('global'); // 运行时间：global: 6.721923828125ms

通过上面对比发现使用call方法明显比from()方法更优。