ES6箭头函数的大括号

最新推荐文章于 2022-07-12 19:17:53 发布
最新推荐文章于 2022-07-12 19:17:53 发布
阅读量245 收藏
点赞数
分类专栏： 50projects50days
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxr000511/article/details/119189933
版权
本文探讨了ES6箭头函数中大括号的使用规则。当箭头函数后面没有大括号且只有一行代码时，该行代码会被默认返回。而如果加上大括号，则不会自动返回，需要显式使用return语句。
摘要由CSDN通过智能技术生成

ES6 箭头函数的大括号

问题来自：50projects50days之8【 form-input-wave】
https://github.com/bradtraversy/50projects50days/

  1. 箭头函数后面没有加大括号并且只有一行代码返回，默认return
  2. 箭头函数后面加了大括号，则不会默认return

例如：

Array.map((single, index) => {
   
      return `<span style="transition-delay:
最低0.47元/天 解锁文章
anonymouscu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 学习笔记
jing_jing95的博客
09-02 198
1 基础 1.1 let 1.1.1 基础 let 允许你声明一个作用域被限制在块级中的变量、语句或者表达式。 重复声明报错：var 和 let 的不同之处在于 let 是在编译时才初始化，也就是在同一个块级下不能重复地声明一个变量，否则会报错（即使使用 var 去声明也是不可以的） var声明的变量会添加到window对象作为属性，let不会添加到window上 尽量使用 let 去代替 var 来声明变量。 1.1.2 块级作用域（ES6新增） （1）全局作用域 能通过 window
es6 箭头函数后面的大括号
A.Wang的专栏
05-27 7946
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,箭头函数后面不加大括号，默认只
React踩坑日记（1）- 箭头函数后面的大括号带还是不带呢？
weixin_44197562的博客
02-15 1131
一、用箭头函数写了一个遍历组件的方法 今天copy的时候发现了一个问题，代码如下： /** * @Description: * @param {e} 数组 * @param {Panel} const { Panel } = Collapse; antd的折叠面板组件 */ showPanel = e => { e.length > 0 ? ( e.map(ite...
ES6新增块级作用域（函数大括号{}、if与for循环）
weixin_45427936的博客
06-04 264
**块级作用域注意 ** 在es6中新增了块级作用域 ：被 { } 包裹住的代码就是块级作用域( 包括函数中的{ }、if、for循环 ）。 **函数中的{}，if语句，for循环，也是属于块级作用域，let与const定义的变量只能在其中有效** .........
箭头函数有无大括号的区别
weixin_49993560的博客
01-18 291
箭头函数里的大括号有没有的区别： 有大括号： 需要在括号内加入return才能将内容返回 没有大括号：直接将符合条件的内容返回，不需要加return，但是只支持写一行代码
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
ES6箭头函数和扩展实例分析
10-15
**ES6箭头函数**是JavaScript的一个重要更新，它提供了更简洁的语法来定义函数，尤其是在处理回调函数和匿名函数时。箭头函数的主要特点包括： 1. **语法简洁**： 箭头函数的基本形式是 `(参数列表) => 表达式`。...
ES6中的箭头函数实例详解
08-30
ES6中的箭头函数是JavaScript语言的一个重要更新，它提供了一种更为简洁的函数定义方式。箭头函数的出现使得代码更加紧凑，可读性更强，同时也解决了一些关于`this`指向的问题。以下是对箭头函数的详细解析。 **...
JS ES6箭头函数
04-25
JavaScript ES6中的箭头函数是语言的一个重要更新，它提供了更简洁、更直观的语法来定义函数。在本文中，我们将深入探讨箭头函数的基本概念、语法特性、作用域规则以及与传统函数的区别。 ### 1. 箭头函数的基本...
es6函数之箭头函数用法实例详解
10-15
ES6中的箭头函数是JavaScript语法的一大改进，它提供了一种更加简洁的函数定义方式，同时也改变了函数中`this`的绑定规则。下面我们将详细探讨箭头函数的基本用法、特性以及注意事项。 ### 基本用法 1. **单参数...
8.函数的拓展
weixin_30588675的博客
05-10 106
1.函数参数的默认值 2.rest参数 3.扩展运算符 4.严格模式 5.name属性 6.箭头函数 基本用法 var f = v => v; 上面的箭头函数等同于： var f = function(v) { return v; }; 如果箭头函数不需要参数或者需要多个参数，就使用一个圆括号代表参数部分。 var f = () => ...
箭头函数
flora8113的专栏
09-18 495
箭头函数与传统的JavaScript函数主要区别在于以下几点： 1.对 this 的关联。函数内置 this 的值，取决于箭头函数在哪儿定义，而非箭头函数执行的上下文环境。 2.new 不可用。箭头函数不能使用 new 关键字来实例化对象，不然会报错。 3.this 不可变。函数内置 this 不可变，在函数体内整个执行环境中为常量。 4.没有arguments对象。更不能通过
ES6中箭头函数加不加大括号的区别
一条会流泪的鱼
12-10 2555
虽然经常使用箭头函数，但是没有对其进行深度的探究，然而最近在学 React的相关知识的时候，发现里面用到了许多箭头函数的写法。 let res1= (r1,r2) => r1+r2; let res2= (r1,r2) => {r1+r2}; let res3= (r1,r2) => {return (r1+r2)}; let r1 = res...
【ES6】箭头函数
webxuj的博客
07-12 263
基本语法： 箭头函数只有一个参数时，可以不用括号（） 相反，如果使用多个参数，就必须使用括号（） 如果箭头函数的执行体只有一个表达式 就是返回值 那么可以省略大括号。 当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来。 箭头函数里面的this不是箭头函数的调用者，而是箭头函数的外层作用域。 箭头函数不可以作为构造函数，也就是不能使用 new 命令，否则会报错 （2）使用箭头函数的注意点 （1）箭头函数没有自己的this对象。 （2）不可以当作构造函数，也就是说，不可以对箭头函数使用
ES6（四）形式简洁 =＞ 箭头函数
weixin_57269725的博客
10-25 1125
目录 前言 一、箭头函数 1、概念： 2、语法：(对比普通函数) 3、举个栗子： 二、函数特性 1、小括号可简写 2、大括号可简写 ​ 3、不含this关键字 外部无函数场景 外部有函数场景 三、结束语 前言 在javascript基础中，我们声明一个函数通常都是用function的。但是， 即使是对于函数内书写功能再简单，function形式也不能作相应的化简，这就导致了程序的冗杂。 当然，这只是小糖的个人理解。下面，我们来学习箭头函数~ 一、箭头函数 ...
ES6学习day03：箭头函数
tomorrownan的博客
01-09 722
ES6标准新增了一种函数–箭头函数（Arrow Function），比较容易识记，因为它的定义用的就是一个箭头表示的。 主要从以下方面理解箭头函数： 1.箭头函数的用法。 2.箭头函数的语法。 3.箭头函数的this问题。 箭头函数相当于匿名函数，并且简化了函数的定义。箭头函数有两种格式。 1.只包含一个表达式，{…}和return都省略掉了。如 x=&gt;x*x 2.包含多条语句，此时不可...
【ES6】对象方法简化写法、箭头函数、参数默认值、rest参数
Errol's Blog
04-21 847
文章目录简化对象和函数写法箭头函数参数默认值rest 参数 简化对象和函数写法 【介绍】 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁 let name = "张三"; let talk = function () { console.log("你好，很高兴见到你"); } //创建对象 const person = { // 完整写法 // name:name, //
es6箭头函数的高级语法
最新发布
05-19
ES6箭头函数是一种简洁的函数语法，它可以让我们更容易地编写函数，并且更容易理解代码。下面是一些ES6箭头函数的高级语法： 1. 箭头函数的基本语法： ``` (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression ``` 2. 省略圆括号： 如果箭头函数只有一个参数，可以省略圆括号。例如： ``` param => { statements } param => expression ``` 3. 省略大括号： 如果箭头函数只有一条语句，可以省略大括号。 ``` (param1, param2, …, paramN) => expression ``` 4. 箭头函数中的 this 关键字： 箭头函数中的 this 关键字指向的是创建函数时所在的上下文，而不是函数被调用时的上下文。这使得箭头函数在某些情况下非常有用，例如在对象方法中使用箭头函数可以避免 this 的指向问题。 5. 箭头函数中的默认参数： 箭头函数也支持默认参数，其语法与普通函数相同。例如： ``` (param1 = defaultValue1, param2, …, paramN = defaultValueN) => { statements } ``` 6. 箭头函数中的剩余参数： 箭头函数也支持剩余参数，其语法与普通函数相同。例如： ``` (param1, param2, …rest) => { statements } ``` 这些都是ES6箭头函数的高级语法，掌握它们可以帮助我们更好地编写JavaScript代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值