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>

打印結果如下: