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箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

  • es6全家桶(二)—— 箭头函数

    es6全家桶(二)—— rest参数、箭头函数 箭头函数 ES6 允许使用“箭头”(=>)定义函数。 var f ...

  • 箭头函数

    1,箭头函数定义 2,Es6 中箭头函数参数与返回值简写 补充 3,箭头函数中 this 指向 注:箭头函数中的t...

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • Es6基础语法

    ES6 函数 1、this :this代表当前正在执行的对象 2、箭头函数(1)箭头函数的this是在定义的时候...

  • js中函数和箭头函数

    定义函数的方式 (1)定义函数的方式:function (2)对象字面量中定义函数 (3)es6中的箭头函数 箭头...

  • 箭头函数

    ES6允许使用“箭头”(==>)定义函数。 箭头函数 等同于

  • ES5和ES6中的this问题及注意事项(附带少许作用域链查找知

    本文参考以下文章: 1、深入理解ES6箭头函数的this以及各类this面试题总结 2、深入理解ES6箭头函数中的...

  • 箭头函数

    一、函数的定义方式 1、function 2、对象字面量中定义函数 3、ES6中的箭头函数 二、箭头函数参数和返回...

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

网友评论

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

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