Es6分享学习

Posted 2020-09-09

对于es6本人说一下自己对于es6的理解以及用法。es6相对于es5来说，用起来更加的简洁，理解起来也比较容易。今天看了关于es6中一些自己任务比较常用的几点书写方法和他的代表含义。

1.函数参数的默认值  es6允许为函数的参数设置默认值（直接写在参数定义的后面）例如：

function hello(x,y=‘world‘){
console.log(x,y)
}
hello(1,2);//1,2
hello(1);//1,world

参数变量是默认声明的，所以不能用‘let’或者‘const’来再次声明；   如果非尾部的参数设置默认值，则这个参数是无法省略的.

2.reset参数（形式为‘...变量名’）   用于获取函数的多余参数，   reset参数搭配的额变量是一个数组，该变量将多余的参数放入到数组中。

例如：

function add(...values){
let sum=0;
for(var val of values){
sun+=val;
return sum;
}
}
add(2,8,3)//10 

可以向函数里面插多个参数  
注意：reset参数不能再有其他参数，函数的length属性，不包括reset参数

3.扩展运算符：是三个点（...)他好比是reset参数的逆运算，将一个数组转为用逗号分隔的参数序列。例如：

[...document.querySelectorAll(‘div)]
//[<div>,<div>,<div>]

扩展运算符的应用：合并数组  例如es6写法：[..arr1,..arr2,..arr]           es5写法：arr1.concat(arr2,arr3]

4.箭头函数 例如   var f=v==>v   等价于var f =function(v){return v}                 函数体内的this对象，就是定义是所在的对象       

                                                                                                                                                               
详细请点击  http://es6.ruanyifeng.com/#docs/function