如何将数组解构优化，提升前端性能？

说说这阵子前端数组拆解到底坑在哪

兄弟姐妹们，你们有没有在写代码时突然发现一段看似简洁却拖慢页面的代码？特别是那句常被赞美为“ES6 让人爱不释手”的。 到位。 今天就聊聊这件事，让你知道它到底是爱还是恨。

一、 这件事先说个大背景

走捷径。 ES6 给我们带来了很多语法糖：解构赋值、展开运算符、箭头函数……这些让代码短小精悍，却也悄悄吞掉了不少内存。特别是像吃饭一样，一口接一口地把内存吃得满满当当。

二、 实际案例：为什么这么慢

闹乌龙。 但使用newArray = 解构数组的时候，内存占用会持续增长，所以呢也会带来频繁的 GC，导致函数施行耗时直线上涨：

更多数据可参考How slow is Spread operator in JavaScript?

内卷。 这是主要原因是解构会使用apply方法来调用函数，即而参数数量过大时则可能超出堆栈大小，可以这样使用来解决这个问题：

代码语言：ts

可惜的是对于这个困惑的程度只达到了把该问题修复，但依然无法能建立有效的 demo 复现该问题，上手。。

之前在项目中遇到的特殊场景， 两份代码的差异只有数组的创建方式不一致：，这家伙...

在理。 之前在给大家介绍性能相关内容的时候，经常说要给大家讲一些更具体的案例，而不是大的解决方案。