ES6参考---...运算符

一、总结

一句话总结：

1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数

2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5

1. rest(可变)参数
    * 用来取代arguments 但比arguments灵活,只能是最后部分形参参数
  function add(...values) {
    let sum = 0;
    for(value of values) {
      sum += value;
    }
    return sum;
  }
2. 扩展运算符
  let arr1 = [1,3,5];
  let arr2 = [2,...arr1,6];
  arr2.push(...arr1);

1、...运算符的两个作用？

1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数

2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5

1. rest(可变)参数
    * 用来取代arguments 但比arguments灵活,只能是最后部分形参参数
  function add(...values) {
    let sum = 0;
    for(value of values) {
      sum += value;
    }
    return sum;
  }
2. 扩展运算符
  let arr1 = [1,3,5];
  let arr2 = [2,...arr1,6];
  arr2.push(...arr1);

二、...运算符

博客对应课程的视频位置：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>07_3点运算符</title>
 6 </head>
 7 <body>
 8 <!--
 9 * 用途
10 1. rest(可变)参数
11     * 用来取代arguments 但比arguments灵活,只能是最后部分形参参数
12   function add(...values) {
13     let sum = 0;
14     for(value of values) {
15       sum += value;
16     }
17     return sum;
18   }
19 2. 扩展运算符
20   let arr1 = [1,3,5];
21   let arr2 = [2,...arr1,6];
22   arr2.push(...arr1);
23 -->
24 <script type="text/javascript">
25     function fun(...values) {
26         console.log(arguments);
27 //        arguments.forEach(function (item, index) {
28 //            console.log(item, index);
29 //        });
30         console.log(values);
31         values.forEach(function (item, index) {
32             console.log(item, index);
33         })
34     }
35     fun(1,2,3);
36 
37     let arr = [2,3,4,5,6];
38     let arr1 = ['abc',...arr, 'fg'];
39     console.log(arr1);
40 
41 
42 </script>
43 
44 </body>
45 </html>