首页 > 代码库 > 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分享学习