码迷,mamicode.com
首页 > 其他好文 > 详细

Es6分享学习

时间:2017-04-10 17:09:58      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:res   cat   应用   let   style   for   多个参数   自己   其他   

对于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分享学习

标签:res   cat   应用   let   style   for   多个参数   自己   其他   

原文地址:http://www.cnblogs.com/athean/p/6689430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!