箭头函数的用法

语法

1. 使用 var、let、const 定义function
2. 参数
   2-1. 没有参数：需要写小括号 ' ( ) '占位
   2-2. 一个参数：可以不加小括号直接写
   2-3. 多个参数：参数写在小括号 ' ( ) ' 里，用逗号隔开
3. 箭头 ' => '
4. 函数体写在箭头后面
   4-1. 一条语句：可以不加花括号直接写
   4-2. 多条语句：将语句放入花括号中' { } '

例子

ex.1 没有参数，使用小括号占位；一行代码，省略花括号

     //ES5
      var fn1 = function(){
           console.log('fn1')
      }
    //ES6
      var fn1 = ()=>console.log('fn1')
    //执行函数
    fn1()    //  ->  fn1

ex.2 一个参数，省略小括号；一行代码，省略花括号

     //ES5
      var fn2 = function(a){
           console.log(a)
      }
    //ES6
      var fn2 = a=>console.log(a)
    //执行函数
    fn2('一个参数')    //  -> 一个参数

ex.3 多个参数，不能省略小括号；一行代码，省略花括号

     //ES5
      var fn3 = function(a,b){
           console.log(a,b)
      }
    //ES6
      var fn3 = (a,b)=>console.log(a,b)
    //执行函数
    fn3(1,2)    //  -> 1  2

ex.4 多个参数，不能省略小括号；多行代码，不能省略花括号

     //ES5
      var fn4 = function(a,b){
           console.log(a,b)
           console.log(a+b)
      }
    //ES6
      var fn4 = (a,b)=>{
           console.log(a,b)
           console.log(a+b)
      }
    //执行函数
    fn4(1,2)    //  -> 1  2  3