ES6中箭头函数加不加大括号的区别

最新推荐文章于 2024-03-05 09:38:50 发布
最新推荐文章于 2024-03-05 09:38:50 发布
阅读量2.9k 收藏 3
点赞数 4
分类专栏： 前端开发 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42099772/article/details/89578704
版权

ES6中箭头函数加不加大括号的区别

不了解的人，像我刚开始就乱用这个箭头函数的{}，想起来就加上，想不起来就不加，也没发现什么大问题，但是最近学了react，这个加上了{}，就开始报错了，也是从网上找了这个加不加的区别
  • 首先不加{}，这时箭头函数指向的就是这个函数的返回值，用在只返回返回值的时候，只写一个箭头，就行
  • 另一种加{}，这就是一个代码块跟之前没区别，还是要写上返回值，就是要return 东西，不然什么也得不到
  • 这就是两者的区别
努力努力再努力
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ES6箭头函数的大括号
sxr000511的博客
07-28 248
ES6 箭头函数的大括号 问题来自：50projects50days之8【 form-input-wave】 https://github.com/bradtraversy/50projects50days/ 箭头函数后面没有加大括号并且只有一行代码返回，默认return 箭头函数后面加了大括号，则不会默认return 例如： Array.map((single, index) => { return `<span style="transition-delay:${index
ES6 学习笔记
jing_jing95的博客
09-02 215
1 基础 1.1 let 1.1.1 基础 let 允许你声明一个作用域被限制在块级中的变量、语句或者表达式。 重复声明报错：var 和 let 的不同之处在于 let 是在编译时才初始化，也就是在同一个块级下不能重复地声明一个变量，否则会报错（即使使用 var 去声明也是不可以的） var声明的变量会添加到window对象作为属性，let不会添加到window上 尽量使用 let 去代替 var 来声明变量。 1.1.2 块级作用域（ES6新增） （1）全局作用域 能通过 window
箭头函数 箭头后面加不加大括号的区别
aimivivi的专栏
03-15 497
箭头函数后面加不加大括号的区别
箭头函数后加不加括号的区别
livinc1117的博客
10-15 3450
当你的箭头函数仅有一个参数的时候，可以省略掉括号。 当你的函数仅有一个表达式的时候，可以省略{}和return var who = name =&gt;'hello'+name  
es6学习笔记（自己理解手写版 持续更新）
bulaganhuisi的博客
09-06 364
融合bilibili多个视频的es6学习笔记（自己理解手写版 持续更新）
ES6学习笔记（二）（feat阮一峰ES6教程）
weixin_43995977的博客
07-03 651
**内容简介：** 十二、Symbol 十三、Set 和 Map 数据结构 十四、Proxy 十五、Reflect 十六、Promise 对象 十七、Iterator 和 for...of 循环 十八、Generator 函数的语法 十九、Generator 函数的异步应用 二十、async 函数 二十一、Class 的基本语法 二十二、Class 的继承 二十三、Module 的语法 二十四、Module 的加载实现 二十七、异步遍历器
JS中的函数
最新发布
qq_34754747的博客
03-05 943
JavaScript函数有一个特别的地方，无论在函数定义中声明了多少形参，都可以传入任意数量的参数，也可以在定义函数时添加针对参数数量的处理逻辑，当已定义的形参无对应的传入参数时，为其指定一个默认值。在函数的命名参数前添加三个点（...）就表明这是一个不定参数，该参数为一个数组，包含着自它之后传入的所有参数，通过这个数组名即可逐一访问里面的参数。在ES5中，下面的代码会抛出语法错误；JS的函数语法规定，无论函数已定义的命名参数有多少，都不限制调用时传入的实际参数数量，调用时总是可以传入任意数量的参数。
箭头函数有花括号{}与没有的区别
蓝with黑的博客
09-15 552
1.箭头函数有花括号{}与没有的区别 () => {} 默认没有返回值，如果需要返回值需要写```return``` () => 1 + 1 默认返回， const arrowFun1 = () => { 1 + 1 } const arrowFun2 = () => 1 + 1 alert(arrFun1()) // undefined alert(arrowFun2()) // undefined 以上代码等效 var arrowFun1 =.
js基础--箭头函数
jfx
10-01 689
箭头函数 1.当箭头函数中只有一个参数的时候,可以省略形参参数的括号 2.当箭头函数中只有一句代码的时候 可以直接省略{} 3.当箭头函数中有切只有一句代码的时候 可以省略return 箭头函数会直接的把这句代码的执行结果当作函数返回值。 4.有多条语句(要加上花括号,写法和以前一样) =>{ 语句1; 语句2; 语句3;…} let arr = [1, 2, 3, 4, 5]; // let newArr = arr.filter(function (item, index) { //
箭头函数箭头后面使用(), 还是({}), 还是什么括号都不使用
棠樾的博客
03-15 700
1.使用()，当箭头后面跟的是JSX表达式时，只需要使用() 2.使用 ({})，当箭头后面返回的是一个对象时，需要使用({}) 3.什么括号都不使用，当箭头后面只有一条语句时，可以直接将该语句写在 => 后面 总结： 在箭头函数中(xxx) 相当于 { return (xxx)} ...
针对JavaScript（ES6）中的箭头函数详解
JSN___的博客
07-22 354
针对JavaScript（ES6）中的箭头函数详解 javaScript中的箭头函数 箭头函数是ES6中新增的内容对于初学者来说可能会有很多疑惑，大括号和括号有什么区别呢?看了好多博客，讲的都是模棱两可，今天我来为大家献上干货，看完这个绝对能很好的掌握箭头函数。 首先明确箭头函数有两种不同的括号，功能是不一样的，例如下面的代码 后面是小括号的箭头函数默认只有一行代码，默认有返回，后面是大括号的默认是代码段，默认没有返回值，需要手动添加return const f2=(a,b)=>(a+b) cons
【ES6】箭头函数
webxuj的博客
07-12 264
基本语法： 箭头函数只有一个参数时，可以不用括号（） 相反，如果使用多个参数，就必须使用括号（） 如果箭头函数的执行体只有一个表达式 就是返回值 那么可以省略大括号。 当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来。 箭头函数里面的this不是箭头函数的调用者，而是箭头函数的外层作用域。 箭头函数不可以作为构造函数，也就是不能使用 new 命令，否则会报错 （2）使用箭头函数的注意点 （1）箭头函数没有自己的this对象。 （2）不可以当作构造函数，也就是说，不可以对箭头函数使用
ES6箭头函数后面加不加花括号{}问题
a1071626267的博客
10-13 384
ES6箭头函数后面加不加花括号{}问题
es6 箭头函数后面的大括号
A.Wang的专栏
05-27 7947
let res = (r1,r2) => r1 + r2;let res2 = (r1,r2) => {r1 + r2}let res3 = (r1,r2) => {reurn (r1 + r2)}let r1 = res(1,2);let r2 = res2(1,2);let r3 = res3(1,2);打印出来发现 r1,r3 正确的，r2为 undefined,箭头函数后面不加大括号，默认只
箭头函数和普通函数的区别
hhthwx的博客
04-19 3418
箭头函数的格式： 1.只包含表达式，连{…}和return都省略掉了 var fn = x =&gt; x*x; 2.包含多条语句，这个时候就不不能省略{…} //单个参数 x =&gt; { if(x &gt; 0){ return x * x; }else{ return x; } } //参数不是一个需要用括号括起来 (x,y) =&gt; return x*y; 箭头函数...
深入理解ES6：箭头函数与块级作用域
"这篇ES6学习笔记主要涵盖了ES6中三种变量声明的异同、let与const的应用、箭头函数的使用方式、this的指向、默认参数以及箭头函数不适用于某些特定场景的情况。" 一、var、let、const异同 在ES6中，变量声明有了新...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值