首页 > 代码库 > Es6分享学习

Es6分享学习

对于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

 

 

 

 

 

                                                                                                                                                                                                                                                                                                     

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                                                                                                                                                                                             

 

Es6分享学习