es6 -- 默认参数Default,不定参数Rest,扩展运算符Spread详解
栏目: JavaScript · 发布时间: 5年前
内容简介:欢迎访问我的个人博客:记录一下在实际开发中,很有用的三个es6的新方法不定参数rest,让我们不再需要arguments,从而避免很多麻烦
欢迎访问我的个人博客: http://www.xiaolongwu.cn
前言
记录一下在实际开发中,很有用的三个es6的新方法
用法详解
默认参数
function f(x, y=13) { // 如果没有传入y或传入了undefined,y的默认值为13 return x + y; } f(5) // 18
不定参数Rest
不定参数rest,让我们不再需要arguments,从而避免很多麻烦
function f(x, ...r) { // y是一个数组 console.log(r); //["h", true] return x * r.length; } f(4, "h", true) // 8
扩展运算符
1、展开运算符,展开函数的参数。
function f(x, y, z) { return x + y + z; } // 将数组中的每个元素展开为函数参数 f(...[3,5,7]) // 15
2、扩展运算符取代apply方法的一个实际的例子,应用Math.max方法,简化求出一个数组最大元素的写法。
// ES5 的写法 Math.max.apply(null, [14, 3, 77]) // ES6 的写法 Math.max(...[14, 3, 77]) // 等同于 Math.max(14, 3, 77);
3、通过push函数,将一个数组添加到另一个数组的尾部
// ES5的 写法 var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; Array.prototype.push.apply(arr1, arr2); // ES6 的写法 var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; arr1.push(...arr2);
4、扩展运算符将字符串转为真正的数组
[...'leon'] // [ "l", "e", "o", "n"]
5、合并数组更加简单
// ES5 [11, 2].concat([4,5]) // ES6 [11, 2, ...[4,5]] //多个的写法 var arr1 = ['a', 'b']; var arr2 = ['c']; var arr3 = ['d', 'e']; // ES5的合并数组 arr1.concat(arr2, arr3); // [ 'a', 'b', 'c', 'd', 'e' ] // ES6的合并数组 [...arr1, ...arr2, ...arr3] // [ 'a', 'b', 'c', 'd', 'e' ]
我的github资源地址: es6 -- 默认参数Default,不定参数Rest,扩展运算符Spread详解
我的CSDN博客地址: https://blog.csdn.net/wxl1555
如果您对我的博客内容有疑惑或质疑的地方,请在下方评论区留言,或邮件给我,共同学习进步。
邮箱:wuxiaolong802@163.com
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 我可以使用F#中的管道运算符将参数传递给构造函数吗?
- ES6—扩展运算符和rest运算符(6)
- C/C++三元运算符实际上是否具有与赋值运算符相同的优先级?
- Python 运算符
- Python算术运算符
- 004.Python运算符
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
鳥哥的Linux私房菜(第四版)
鳥哥 / 碁峰資訊股份有限公司 / 2016-1-25 / TWD 980.00
本書前三版均蟬聯電腦專業書籍Linux暢銷排行榜Top1,為地表最暢銷的Linux中文書籍! 您是有意學習Linux的小菜鳥,卻不知如何下手?您是遨遊Linux的老鳥,想要一本資料豐富的工具書?本書絕對是最佳選擇! ※鳥哥傾囊相授,內容由淺入深 書中包含了鳥哥從完全不懂Linux到現在的所有歷程,鳥哥將這幾年來的所知所學傾囊相授,以最淺顯易懂的文字帶領您進入Linux的世界。 ......一起来看看 《鳥哥的Linux私房菜(第四版)》 这本书的介绍吧!