1. 程式人生 > >【ECMAScript 5_6_7】7、ES6——點點點運算子

【ECMAScript 5_6_7】7、ES6——點點點運算子

一、點點點運算子

* 用途
1. rest(可變)引數
    * 用來取代arguments(函式內部用來收集實參的偽陣列) 但比 arguments 靈活,只能是最後部分形參引數
    function fun(...values) {
        console.log(arguments);
        arguments.forEach(function (item, index) {
            console.log(item, index);
        });
        console.log(values);
        values.forEach(function (item, index) {
            console.log(item, index);
        })
    }
    fun(1,2,3);
2. 擴充套件運算子
  let arr1 = [1,3,5];
  let arr2 = [2,...arr1,6];
  arr2.push(...arr1);
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>07_3點運算子</title>
</head>
<body>
<script type="text/javascript">
  function add(a,b) {
    console.log(arguments)
    // arguments.callee() //該方法指向該函式本身,用來遞迴呼叫
    /*arguments.forEach(function (item,index) {  // 這裡報錯,因為arguments是偽陣列,不能使用陣列的方法
      console.log(item,index)
    })*/
  }
  add(10,20)

  function add1(a,b,...value) {  // ...只能收集最後部分形參引數,且必須處於最後一個
    console.log(value)
    value.forEach(function (item,index) {
      console.log(item,index)
    })
  }
  add1(1,2,3,4,5)

  let arr = [1,6]
  let arr1 = [2,3,4,5]
  console.log(...arr1)  // ...自動遍歷自身引數
  arr = [1,...arr1,6]
  console.log(arr)

</script>

</body>
</html>