本文小编为大家详细介绍“ES6的扩展运算符怎么使用”，内容详细，步骤清晰，细节处理妥当，希望这篇“ES6的扩展运算符怎么使用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。spread和rest运算符在ES6中，都用(…)表示，其中spread为扩展(展开)运算符，rest为剩余(收集)运算符。在不同的地方使用此运算符有不同的作用，可以从读和写两个角度考虑。其中写操作有收集作用，读操作有展开作用。在ES6中，(…)运算符只对数组有效，ES7中添加了对对象的扩展。在没有时使用(…)运算符时，要实现一个求和的功能函数，传入的参数不定，只能使用arguments。例如：当使用rest运算符时，我们的代码可以简洁很多：此时传入的参数将会被写入到arg中，并且形成一个数组。我们可以打印arg：如果我们传入的参数有必须要传入的项，我们可以在形参的最后一位使用rest运算符：可以看到输出的a,b为实参的前两项，后面传入的参数都被转化为数组存入到arg中。可以看到，当使用了(…)运算符时，它会将数组展开并输出。当我们想将数组合并时，传统的做法：使用(…)运算符的做法：我们来看看它是怎么实现的，我们可 香港云主机以使用babel来将ES6语法转换为ES5:可以看到它的实现原理也是数组的concat方法。所以(…)运算符是一个语法糖，不会影响原来的功能。在ES7中，(…)运算符支持对对象的扩张。我们如果想要将上述对象克隆到另一个对象中，传统的做法是自己写一个clone函数，或者使用jQuery中的extend方法。现在我们只需要使用(…)运算符即可完成。可以看到，使用(…)运算符可以轻易的完成克隆，但此克隆是一个浅克隆。例如：在ES6中也有一个浅克隆的方法：Object.assign({ },obj1,obj2,…)它会将后面的对象克隆到第一个对象里。可以看到也完成了克隆。当我们修改obj中leader的name值时，原来teacher对象中相应的值也发生了改变。如果想要实现深克隆，我们可以对修改一下上述代码：可以看到，我们改变了obj中leader的name值，只在obj对象中发生了改变，teacher对象和leader对象并没有发生改变。
如果有很多层的引用值，并不推荐此方法，可以自己书写一个深克隆方法，当然也有另一个方法，比较另辟蹊径。可以使用JSON先将要克隆的对象转化为一个字符串，然后再转化为对象，这样新得到的对象和原来得对象也没有关系。但是这个方法对含有函数(function())、正则(reg)、特殊对象(new Data())的对象进行克隆时，会丢失上面所说的属性。如果没有上面的属性，可以使用此方法。读到这里，这篇“ES6的扩展运算符怎么使用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注开发云行业资讯频道。
这篇文章将为大家详细讲解有关笔记本电脑如何自定义调整触控板灵敏度，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。一、鼠标右键点击开始菜单，选择打开“控制面板”。二、在控制面板中，打开“硬件和声音”。三、在硬件和声音界面，选择打…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
