延展操作符首次于ES6中引入，并很快成为最受欢迎的功能之一。尽管事实上延展操作符只适用于数组，但仍有建议提出可以将其功能扩展到对象。最终ES9中引入了此功能。

为什么要使用延展操作符

　　你可能会想：“JavaScript就已经能够满足需求了，为什么还要使用延展操作符？”我们先来介绍下不变性。

　　牛津词典：不变性-随着时间的推移不变或无法改变。

　　作为软件开发的术语，不可变指状态不能随时间变化的值。实际上，通常使用的大多数值（原始值，如字符串，整数等）都是不可变的。

　　然而，JavaScript中非常特殊的一点是，其中的数组和对象实际上是可变的。这可能成为一个大问题。

　　我们有一个变量Squirtle(杰尼龟)。因为刚刚访问了神奇宝贝中心，这只杰尼龟的HP值为100。

　　由于还想要另一只杰尼龟，因此声明变量为anotherSquirtle，将初始Squirtle指定为它的值。一场苦战后，另一只杰尼龟被击败了。因此，访问另一只杰尼龟的HP值并将其更改为0。下一步，检查初始Squirtle，输入console.log和...

　　等等，什么？初始Squirtle的HP降至0。这怎么可能？可怜的杰尼龟遭遇了什么？原来是发生了JavaScript变异。接下来将为你解释其中缘由。

　　当创建anotherSquirtle变量并将初始Squirtle指定为其值时，实际是给初始Squirtle对象的内存位置分配了一个引用。这是因为JavaScript数组和对象是引用数据类型。与基本数据类型不同，引用数据类型指向存储实际对象/数组的内存地址。

　　为了便于理解，可以将引用数据类型想象为全局变量的指针。更改引用数据类型的值实际上是在更改全局变量的值。

　　这意味着当将anotherSquirtle的HP值更改为0时，实际是将存储在内存中的Squirtle对象的HP值更改为0。这就是为什么mySquirtle的HP值为0-因为mySquirtle是对存储在内存中的对象的引用，可以通过anotherSquirtle变量被改变。