ES6(2)、箭头函数

作者: 飞天小猪_pig | 来源:发表于2022-04-11 10:48 被阅读0次
    1、在ES6之前,要声明一个函数分别有下面几种方法

    1、具名函数

    function xxx(p1,p2){
      console.log(1)
      return 2   //如果不写返回值,默认返回值是undefined
    }
    

    2、匿名函数

    let xxx=function (p1,p2){
      console.log(1)
      return 2   //如果不写返回值,默认返回值是undefined
    }
    

    匿名函数要使用,必须先赋值给一个变量才行

    2、ES6新特性箭头函数

    1、多个参数,写法

    let xxx=(p1,p2)=>{
       console.log(1)
       return 2
    }
    

    2、一个参数,写法(圆括号可以省略)

    let xx2=p1=>{
       console.log(1)
       return 2
    }
    

    3、一个表达式,写法(花括号可以省略,并将结果默认return)

    let xx3=(p1,p2)=>p1+p2  //表示默认return p1+p2 的结果
    

    优点:箭头函数表达式的语法比函数表达式更简洁,并且没有自己的thisargumentssupernew.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。

    相关文章

      网友评论

        本文标题:ES6(2)、箭头函数

        本文链接:https://www.haomeiwen.com/subject/yiebsrtx.html