ES6的使用理解

为什么我学会了js还要学ES6？？？
为了使用js更加快捷和方便~！

变量的声明
var声明： 属于全局作用域 会将变量提升
let声明： 局部的作用域 通常在一对{}括号中启用，但不会变量提升，同时在同一个作用域里面是不可以重复声明的
const声明： 与let声明一样，但通常声明常量使用，变量名建议是大写的可以方便阅读。并且声明是必须赋值的，赋的值通常是不允许修改的。

ES6中的解构
解构对象 var{name,age,leg=20,...rest}=obj 
  其中{}是解构符号 ...rest 通常是剩余的未被解构的对象
解构数组var [a,b,,,c,...rest] =[1,2,3,4,5,6];
 其中[]是解构的符号 ，，逗号表示一位 ...rest表示剩余的未被解构的对象 c=10是设置的默认参数

ES6中字符串的方法
trim 用于去内容两边的空白使用
repeat 重复，用来重复输出其相同的数据
includes 查找是否包含 返回的是true或false
starWith 以...开头 是否用xx开头
endWith 以..结尾  是否用xx 结尾
padStart(3,"0")  开头填充 3填充的位数，0填充的字符
padEnd(3,"0")   结尾填充 3填充的位数，0填充的字符

数组
Array.from(类数组)  作用把类似数组转为数组
forEach(function(item,index,self){})  遍历数组
item 遍历的元素
index 元素的下标
self 指当前被遍历的数组，是数组本身

map()映射  作用 映射一个新的数组
filter(item=>true保留||false 过滤掉) 过滤函数

ES6中的箭头函数
箭头函数其实就是函数的简写   箭头函数的左边是参数 右边是返回值  例如：
 普通函数：
function(str){
return"love“+str
}
箭头函数：
str=>'love'+str

当参数只有0个或多个参数时，是要用括号包裹起来的 例如：
 普通函数:
function(){alert('我爱ES6')}
箭头函数：
()=>alert('我爱ES6')

执行语句：如果执行有多行 例如：
var  fun3 = (obj)=>{
    if(obj.length>=3){
        alert(obj)
        }
        else{
        alert('好吧')
        }
    }
fun3(["3","4","5"]);

函数的参数
1.默认参数
function say(str = '我'){}
say();//此时返回的值是我 ，若传入值无参数就会采用默认参数
say(‘你')//此时返回的值是你，传入值有参数是会时候传入的值
2.扩展参数
function metting(a1,a2,a3){}
var arr = ['A','B','C'];
将A,B,C传给a1,.a2,a3
    方法 1.metting(arr[0],arr[1],arr[2])
     方法 2.metting.apply(null,arr);
      方法 3.metting(...arr)

3.不定参
  function add(...list){
  return list.reduce((a,b)=>a+b);
}