ES6新特性(函数默认参数,箭头函数)

一、函数参数的默认值函数

  ES5中不能直接为函数的参数指定默认值,只能经过如下的变通方式:this

   

  从上面的代码能够看出存在一个问题,当传入的参数为0或者false时,会直接取到后面的值,而不是传入的这个参数值。blog

  那怎么解决呢?对于上图的代码,能够经过判断是否传入了num参数,没有就用默认值:排序

   

  这种作法仍是很麻烦的,而ES6则直接在参数定义里面设置函数参数的默认值,并且不用担忧传入参数是0或者false会出错了:get

   

 

二、箭头函数回调函数

  箭头函数用 => 符号来定义。匿名函数

  箭头函数至关于匿名函数,因此采用函数表达式的写法。变量

  左边是传入函数的参数,右边是函数中执行的语句。im

   

  至关于d3

   

  上面是完整的写法,左边小括号,右边大括号,而下面的状况能够简写:

  (1)当要执行的代码块只有一条return语句时,可省略大括号和return关键字:

     

 

  (2)当传入的参数只有一个时,能够省略小括号:

     

    至关于

     

 

  (3)当不须要参数时,使用空的圆括号:

     

    至关于

     

 

  箭头函数在回调函数中是很简洁的,像这样:

    

  在排序中:

    

 

  须要注意的是, 箭头函数没有本身的this、arguments、super、new.target,它们分别指向外层函数的相应变量。

之前在ES5中使用this有点麻烦,这种问题很常见:

   

 

  这就须要在嵌套函数外层使用that = this,而后内层使用that,就是下面这样子:

   

 

  可是如今有了箭头函数,再也不须要使用that = this或 _this = this 这种代码啦,由于箭头函数中的this直接就是外层函数中的this,代码更简单了:

   

 

Oh,wonderful !!! 

相关文章
相关标签/搜索