基于ES6三点运算符的使用方法
ES6中的三点运算符是一种非常重要的语法糖，它可以作为rest参数和扩展运算符使用。在本文中，我们将详细介绍三点运算符的使用方法和实例讲解。
一、作为rest参数的使用
在ES6中，三点运算符可以作为rest参数使用，rest参数可以接收多个参数，并将其转换为数组。例如：
```
let fun = function(a, ...list) {
console.log(a, list);
};
fun('0', 'a', 'b', 'c'); // 0 [a, b, c]
```
在上面的例子中，我们使用三点运算符来定义一个函数fun，该函数可以接收多个参数，并将其转换为一个数组list。
需要注意的是，rest参数只能出现在最后一位，否则会报错。例如：
```
let fun = function(arr1, ...args, arr2) { console.log(args); } // 报错
```
二、作为扩展运算符的使用
三点运算符也可以作为扩展运算符使用，用于将数组或类数组对象展开成一系列逗号隔开的值序列。例如：
```
let arr = [1, 2, 3];
console.log(...arr); // 1, 2, 3
let a = [2, 3];
console.log(1, ...a, 4); // 1, 2, 3, 4
```
在上面的例子中，我们使用三点运算符来将数组arr展开成一系列逗号隔开的值序列。
三点运算符也可以用于将Set、Map、String等数据结构转换为数组。例如：
```
let set = new Set([1, 2, 3, 3]);
console.log([...set]); // [1, 2, 3]
let map = new Map([[1, 'a'], [2, 'b'], [3, 'c']]);
console.log([...map.keys]); // [1, 2, 3]
console.log([...map.values]); // ['a', 'b', 'c']
let str = 'wbiokr';
console.log([...str]); // ["w", "b", "i", "o", "k", "r"]
```
三点运算符是一种非常灵活和强大的语法糖，它可以用于rest参数和扩展运算符两种用途，能够大大简化我们的代码和提高开发效率。
