箭头函数的省略

最新推荐文章于 2023-07-08 09:06:13 发布
最新推荐文章于 2023-07-08 09:06:13 发布
阅读量1.4k 收藏 2
点赞数 2
分类专栏： es6 文章标签： 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42120254/article/details/102055610
版权

箭头函数的小括号和花括号的省略，
参数只有一个的时候可以省略小括号
函数体内只有返回值的时候可以省略花括号

arr.map( i => i+2)   //已省略
arr.map( (i) => {i+2} ) //未省略
wyd_4219
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
箭头函数省略语法
qq_41915936的博客
08-02 818
箭头函数省略语法 省略规则 1.如果只有一个参数，()可以省略 2.如果只有一个return,{}可以省略 实例 无参数 省略前 window.onload=function(){ alert("666") } 省略后 window.onload=()=>{ alert("666") } 两个参数 省略前 window.onload=function(a,b){ alert(a+b) } 省略后 window.onload=(a,b)=>{ alert("666") } 省略前 let
箭头函数省略规则
qq_41189996的博客
05-28 632
如果箭头函数只有一个参数，那么可以省略（） //原函数 let fn = function (a) { console.log(a+1) console.log(a+2) console.log(a) } //省略后 let fn = a =>{ console.log(a+1) console.log(a+2) console.log(a) } 如果箭头函数只有一条语句，那么可以省略{} //原函数 let fn = fu.
ES6-day02（二）(函数扩展,箭头函数(省略return,箭头函数的this属性,箭头函数的实参))
wockky的博客
05-07 638
1.函数扩展 function test(a,b=1,c){} console.log(test.name);//test // 获取没有设置默认值的形参个数,在设置默认值的参数位置停止 console.log(test.length);//1 function test(a,b,c=1){} console.log(test.name);//test // 获取没有设置默认值的形参个数,在设置...
箭头函数
weixin_68258851的博客
07-12 182
箭头函数
箭头函数的特性
yangyanqin2545的博客
01-07 1264
箭头函数的特性 箭头函数只能定义匿名函数； 箭头函数没有原型对象，不能用作构造函数； 当箭头函数只有一个参数的时候，可以省略小括号，形参列表括号； 当箭头函数函数体只有一句话的时候，可以省略大括号，如果说这句话还是返回值，省略了大括号后必须省略return; 如果箭头函数省略了大括号，那么返回值不能是对象，如果是对象，必须使用小括号进行包裹； 箭头函数不能使用 arguments,new,super关键字； 箭头函数没有自己的this，它使用的是父级的this； ...
04-箭头函数.rar
11-06
在JavaScript的世界里，箭头函数是ES6引入的一项重要特性，它为函数的定义提供了一种更为简洁的语法。在“04-箭头函数.rar”这个压缩包中，我们很可能会找到关于Vue-cli2的基础操作和配置的学习资料，同时会深入探讨...
ES6中的箭头函数实例详解
08-30
ES6中的箭头函数是JavaScript语言的一个重要更新，它提供了一种更为简洁的函数定义方式。箭头函数的出现使得代码更加紧凑，可读性更强，同时也解决了一些关于`this`指向的问题。以下是对箭头函数的详细解析。 **...
PHP 7.4 新语法之箭头函数实例详解
10-17
箭头函数提供了一种更加简洁的方式来定义闭包，减少了冗余的 `function` 和 `return` 关键字。 ### 箭头函数的定义 箭头函数以 `fn` 关键字开始，后跟参数列表，参数和返回类型可以进行类型暗示。接着是一个 `=>` ...
深入理解JavaScript中的箭头函数
10-23
JavaScript中的箭头函数是ES6（ECMAScript 2015）引入的一项重要特性，它简化了函数的定义方式，让代码更加简洁易读。箭头函数的主要特点包括其语法结构、作用域规则以及与传统函数的区别。 1. 箭头函数的基本语法...
ES6标准 Arrow Function（箭头函数=>）
10-15
ES6中的Arrow Function，也称为箭头函数，是JavaScript语法的一种新特性，它引入了一种更简洁、更直观的方式来定义函数。箭头函数的核心特点在于其简洁的语法和与众不同的`this`绑定规则。 1. **箭头函数的语法**：...
js基础--箭头函数
jfx
10-01 657
箭头函数 1.当箭头函数中只有一个参数的时候,可以省略形参参数的括号 2.当箭头函数中只有一句代码的时候 可以直接省略{} 3.当箭头函数中有切只有一句代码的时候 可以省略return 箭头函数会直接的把这句代码的执行结果当作函数返回值。 4.有多条语句(要加上花括号,写法和以前一样) =>{ 语句1; 语句2; 语句3;…} let arr = [1, 2, 3, 4, 5]; // let newArr = arr.filter(function (item, index) { //
箭头函数。
m0_62772617的博客
07-08 56
复习理解箭头函数。
学习易错笔记之箭头函数
weixin_44206148的博客
11-16 664
一.箭头函数和普通函数的区别： 基本格式： 普通函数：function（）{} 箭头函数：（）=>{} 两者的公共点是（）里写参数，{}里写函数体。当参数只有一个时箭头函数的（）可以省略,如果函数体中只有返回值时可以省略大括号和return。以下是一个例子： 普通函数： 箭头函数： 省略后可以写成： 不能为箭头函数命名，它是匿名的,箭头函数不能用new来创建构造函数的实例，普通函数可以（因为箭头函数创建的时候程序不会为它创建construct方法，也就是没有构造能力，用..
JS中箭头函数，return与大括号省略的问题
szl_csdn的博客
12-05 2774
箭头函数return 和 大括号可以省略
ES6中箭头函数加不加大括号的区别
qq_42099772的博客
04-26 2914
ES6中箭头函数加不加大括号的区别 不了解的人，像我刚开始就乱用这个箭头函数的{}，想起来就加上，想不起来就不加，也没发现什么大问题，但是最近学了react，这个加上了{}，就开始报错了，也是从网上找了这个加不加的区别 首先不加{}，这时箭头函数指向的就是这个函数的返回值，用在只返回返回值的时候，只写一个箭头，就行 另一种加{}，这就是一个代码块跟之前没区别，还是要写上返回值，就是要return...
箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用
jiuyehengxia的博客
12-27 3191
一. 使用()的情况: list.map(item=>(<WriterContentWrap>内容</WriterContentWrap>) 等同于: list.map(item=>{return(<WriterContentWrap>内容</WriterContentWrap>)}) 箭头后面跟的是JSX表达式时...
箭头函数的好处在哪？省略了什么？
最新发布
07-16
箭头函数具有以下几个好处： 1. 简洁的语法：箭头函数的语法更为简洁，可以减少代码量和视觉杂乱，使代码更易读。 2. 隐式返回：当箭头函数的函数体只有一条表达式时，可以省略大括号和return关键字，直接返回表达式的结果。这样可以减少代码的冗余，提高代码的可读性。 3. 词法作用域绑定：箭头函数的特性是将`this`绑定到定义时的词法作用域上，而不是在运行时动态绑定。这消除了传统函数中`this`指向不确定性的问题，使得代码更易理解和维护。 4. 不绑定arguments对象：箭头函数不绑定自己的`arguments`对象，这意味着在箭头函数内部无法通过`arguments`获取传入的参数。这样可以避免在函数内部使用`arguments`带来的一些混乱和潜在的错误。 需要注意的是，由于箭头函数省略了一些语法，所以也有一些限制和注意事项： - 不能作为构造函数：箭头函数没有自己的`this`值，因此不能用作构造函数来创建对象。 - 没有自己的arguments对象：箭头函数没有自己的`arguments`对象，无法通过`arguments`获取传入的参数。 - 不能使用yield关键字：箭头函数不能用作生成器函数，无法使用`yield`关键字。 总的来说，箭头函数通过简洁的语法、隐式返回、词法作用域绑定等特性，使得代码更精简、可读性更好，并且避免了传统函数中`this`指向不确定性的问题。但需要根据具体情况选择使用箭头函数还是传统函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值