JavaScript中箭头函数的形式和好处

最新推荐文章于 2024-09-29 11:25:09 发布

鲸落于洲

最新推荐文章于 2024-09-29 11:25:09 发布

阅读量196

点赞数

分类专栏： JavaScript 笔记文章标签： javascript

本文链接：https://blog.csdn.net/xwzshjydxx/article/details/119920210

版权

本文探讨了JavaScript中的箭头函数，包括其简洁的语法形式，如(参数) => {函数体}，固定参数和不定参数的处理。箭头函数的好处在于简化回调函数的定义，例如在数组操作中。然而，由于箭头函数没有自己的`this`、`arguments`，也不能用作构造函数，因此不适合用于需要`this`绑定或构造实例的情况。

摘要由CSDN通过智能技术生成

arrow Function箭头函数

函数的形式：

普通函数 function () {}

箭头函数 (参数) => {函数}形式更简洁

函数表达式：不存在箭头函数声明

var fn = (a,b) => {
   
	return a + b;
}

特殊形式：

1.当参数有且仅有一个，()可以省略
var f1 = (a) => {
   return a * a};
var f2 = a => {
   return a * a};
2.当函数体有且仅有一行，{
   }可以省略，并且会把一行代码的结果返回
var f3 = a => a*a;
注意：当前函数返回的是一个对象的时候，避免歧义加上（）
var f4 = val => {
   
	return {
   name : val}
}
函数体是{
   }，对象也是{
   }，避免歧义
var f5 = val