53-箭头函数

箭头函数

• 概念：由ES6提出的一种快速定义函数的方法，语法相比普通函数更加简洁，可以用于辅助定义函数

• 写法：

  let 函数变量名 = function(){
  
  }
  
  //箭头函数
  let 函数变量名 = () => {
  
  }
  

  • 可以省略function不写，在()和{}之间使用=>连接起来

• 简写：

  • 当传入的参数只有一个形参，可以省略()不写

    //箭头函数
    let 函数变量名 = (num) => {
    }
    
    //箭头函数
    let 函数变量名 = num => {
    }
    

  • 当函数中只有一句return语句，那么可以省略return关键字和{}不写

    //箭头函数let 函数变量名 = num => { 
    return 值
    }
    
    //箭头函数
    let 函数变量名 = num => 值
    

    • 示例

      let arr = [77, 88, 99, 66, 55, 44];
      //普通函数
      let res = arr.map(function (value) {   
      return value + 5
      })
      
      //箭头函数
      let res1 = arr.map( (value) => {   
      return value + 5
      })
      
      //省略小括号
      let res2 = arr.map( value => {  
      return value + 5
      })
      
      //省略大括号及return关键字
      let res3 = arr.map( value =>  value + 5)