ES6系列笔记-参数
- 2019 年 12 月 24 日
- 笔记
1：参数的展开和扩展
function show(a,b,...args){ console.log(a); console.log(b); console.log(args); } show(12,13,44,7,3,55);
打印结果如下：
// 注意 // 1：收集剩余的参数，args数组名称可以自己命名 // 2：必须放在最后一个位置
2：展开一个数组,展开后的效果和把数组直接写出来是一样的
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //2：展开一个数组,展开后的效果和把数组直接写出来是一样的 let arr1 = [1, 2, 3, 4]; let arr2 = [5, 6, 7] let arr = [...arr1, ...arr2]; // let arr=[1,2,3,4,5,6,7]; console.log(arr); </script> </html>
打印结果如下：
3:参数的扩展和数组展开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //参数的扩展和数组展开 //把参数收集起来，展开给fn function show(...args) { //...args接收到 11,3 fn(...args); } function fn(a, b) { console.log(a + b); } show(11, 3); //14 </script> </html>
打印结果如下：
4：默认参数,传参就显示传的参数，不传参就显示默认的参数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //默认参数,传参就显示传的参数，不传参就显示默认的参数 function show(a, b = 4, c = 44) { console.log(a, b, c); } show(11); show(11, 32, 1); </script> </html>
打印结果如下：
