饥人谷技术博客

ES6(2)、箭头函数

2022-04-11  本文已影响0人  飞天小猪_pig
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。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。

上一篇 下一篇

猜你喜欢

热点阅读