js中箭头函数简单介绍

最新推荐文章于 2024-06-10 22:52:06 发布

KLW75

最新推荐文章于 2024-06-10 22:52:06 发布

阅读量780

点赞数 16

文章标签： javascript 前端

本文链接：https://blog.csdn.net/KLS_CSDN/article/details/134935569

版权

1.箭头函数是 ES6 中新增的一种函数定义方式，

简单举例为

 var nameA  = function(a){
      return a
  }

可以用箭头函数简化为

var nameA = a =>a;

返回的是你输入的值比如

nameA(5) 返回的就是5

nameA(2) 返回的就是2

以上两个表达的含义是一样的。nameA为名字

2. 如果函数的参数只有一个，可以省略参数的小括号，但如果要定义的函数有多个参数，则不能省略括号，需要使用小括号包裹这些参数

//x 表示参数 y表示另一个参数 z是第三个参数
 x => {内容}
 (x) =>{ 内容}
 (x, y)  => { 内容}
 (x, y, z)  => { 内容}

这些都是对的但是 x y=>{内容} 这样是不对的，如果有两个参数就不能省略括号了。

3. 同理花括号也一样 函数中只包含一条语句，可以省略花括号，否则，不能省略花括号

上面的内容 nameA如果有两句就不能省略括号了

var nameA = a =>{
   a++
  return a+a
};

关注