🐱 个人主页：SHOW科技，公众号：SHOW科技
🙋‍♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！
💫优质专栏：前端主流技术分享
📢 资料领取：前端进阶资料可以找我免费领取
🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！
————————————————
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
————————————————
版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_54165147/article/details/135144865

ES6引入了箭头函数，它提供了一种更简洁的语法来定义函数。箭头函数与传统的函数有所不同，它具有以下特点：

1. 简洁的语法：箭头函数省略了function关键字和大括号，只需以一个箭头（=>）分割参数与函数体。

2. 简化的参数书写：当只有一个参数时，可以省略参数的圆括号。当没有参数或多个参数时，则需要使用圆括号。

3. 隐式返回值：如果函数体只有一条表达式，并且不需要额外的处理，可以省略return关键字，函数会自动返回表达式的结果。

下面是一些示例来说明箭头函数的用法：

1. 基本语法：

let add = (a, b) => {return a + b;
}console.log(add(1, 2)); // 输出3

1. 单个参数：

let square = x => x * x;console.log(square(4)); // 输出16

1. 无参数：

let sayHello = () => {console.log("Hello!");
}sayHello(); // 输出Hello!

1. 隐式返回值：

let multiply = (a, b) => a * b;console.log(multiply(2, 3)); // 输出6

需要注意的是，箭头函数没有自己的this关键字，它继承外层作用域的this值。这意味着在箭头函数内部，不能使用bind、call、apply等方法来改变this的指向。

总结来说，箭头函数提供了一种简洁、清晰的方式来定义函数，特别适用于简单的函数表达式，可以帮助提高代码的可读性和编写效率。