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

最新推荐文章于 2023-03-11 13:16:54 发布
最新推荐文章于 2023-03-11 13:16:54 发布
阅读量504 收藏 1
点赞数
文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloworld963/article/details/108668463
版权

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

不了解的人，像我刚开始就乱用这个箭头函数的{}，想起来就加上，想不起来就不加，也没发现什么大问题，但是最近研究vue-router报错了，才发现是箭头函数{}的问题

  • 首先不加{}，默认添加return，箭头函数指向函数的返回值。
  • 另一种加{}，如果不手动return，箭头函数便没有指向，什么也得不到
  • 这就是两者的区别
helloworld963
关注
ES6箭头函数的大括号
sxr000511的博客
07-28 250
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 229
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 7954
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,箭头函数后面不加大括号，默认只
ES6 箭头函数的使用和注意点
weixin_33775582的博客
04-06 128
为什么80%的码农都做不了架构师？>>> ...
vue组件
X W F
11-03 129
ES6 模块化 1. 没有模块化的世界：全局变量污染、难以管理的依赖 2. 常见的模块化标准：CommonJS、ES6 Module、AMD、CMD、UMD… 导出js: 使用模块化在script标签上写 type=“module” 在js函数开头 写入 export default(默认导出：{ default：fn }) 在js函数开头 写入 export (真名导出(普通导出)：{ double：fn }) 1. 从js中写入 import xxx form “路径.js” (导入模块化js) 2.
箭头函数箭头后面使用(), 还是({}), 还是什么括号都不使用
棠樾的博客
03-15 702
1.使用()，当箭头后面跟的是JSX表达式时，只需要使用() 2.使用 ({})，当箭头后面返回的是一个对象时，需要使用({}) 3.什么括号都不使用，当箭头后面只有一条语句时，可以直接将该语句写在 => 后面 总结： 在箭头函数中(xxx) 相当于 { return (xxx)} ...
VUE_ES6新特性
最新发布
weixin_49076273的博客
03-11 1100
1）安装Nodejs环境，会带有npm命令，但是npm镜像是国外的，安装国内的cnpm，但好像现在cnpm安装完成后，要用npm指令。即指令还是npm，但是此时的镜像已经改成国内的镜像。2）创建VUE项目时，直接在VSCODE中打开一个新文件夹，在文件夹内可以在创建文件夹，然后在准备放项目的文件夹中直接打开终端，进入到文件夹中，通过cnpm指令直接创建VUE项目。Babel的作用是ES6代码转换成ES5，实现向下兼容。1）let和const命令，都是不存在提升、不可重复声明、块级作用域。
es6学习笔记（自己理解手写版 持续更新）
bulaganhuisi的博客
09-06 377
融合bilibili多个视频的es6学习笔记（自己理解手写版 持续更新）
ES6学习笔记（二）（feat阮一峰ES6教程）
weixin_43995977的博客
07-03 672
**内容简介：** 十二、Symbol 十三、Set 和 Map 数据结构 十四、Proxy 十五、Reflect 十六、Promise 对象 十七、Iterator 和 for...of 循环 十八、Generator 函数的语法 十九、Generator 函数的异步应用 二十、async 函数 二十一、Class 的基本语法 二十二、Class 的继承 二十三、Module 的语法 二十四、Module 的加载实现 二十七、异步遍历器
Eslint规范配置
知行合一
03-30 2826
一、Eslint检测ES6规范配置 编码格式规范 声明唯一性 初始化定义规范 代码编写注意事项 派生类相关 二、Airbnb规范节选 箭头函数 构造器 迭代遍历 属性定义 解构 函数 三、 编码格式规范 a.规定箭头函数强制大括号 b.规定箭头函数参数是否要使用括号 c.规定箭头函数的箭头前后的空格规范 d.generator 函数中 号周围的空格 e.规定rest参数和扩展运算符与他们的...
eslint-plugin-proper-arrows：确保正确箭头功能定义的ESLint规则
02-05
ESLint插件：正确的箭头 总览 正确的箭头ESLint插件提供了控制=>箭头功能的定义的规则，将其限制为更窄，更正确/更易读的形式。 该插件中定义的规则： ：控制=>箭头功能参数的定义，例如，禁止未使用的参数，禁止短/不语义的参数名称等。 ：要求=>箭头函数只能在它们接收到推断的名称（即，分配给变量或属性等）的位置使用，以避免匿名函数表达式的易读性/可调试性。 注意：此规则类似于的“按需”模式，但适用于=>箭头函数； 内置规则将忽略它们。 ：其中在程序结构限制=>箭头功能可被使用：在全局/顶层模块范围禁止他们，对象属性， export语句等 ：限制=>箭头函数的简明返回值
ESLint
花铛
01-25 618
Lint 是检验代码格式工具的一个统称，具体的工具有 Jslint 、 Eslint 等等。ESLint 是一个静态代码分析工具，在没有任何程序执行的情况下，对代码进行分析。ESLint 可以帮助在项目中建立统一的团队代码规范，保值正确、统一的代码风格，提高代码的可读性、可维护性。
Eslint 规则说明
u012576527的博客
12-19 2982
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no-caller": 1,//禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,//禁止catch子句参数与外部作
ES6箭头函数后面加不加花括号{}问题
a1071626267的博客
10-13 388
ES6箭头函数后面加不加花括号{}问题
ES6（四）形式简洁 =＞ 箭头函数
weixin_57269725的博客
10-25 1354
目录 前言 一、箭头函数 1、概念： 2、语法：(对比普通函数) 3、举个栗子： 二、函数特性 1、小括号可简写 2、大括号可简写 ​ 3、不含this关键字 外部无函数场景 外部有函数场景 三、结束语 前言 在javascript基础中，我们声明一个函数通常都是用function的。但是， 即使是对于函数内书写功能再简单，function形式也不能作相应的化简，这就导致了程序的冗杂。 当然，这只是小糖的个人理解。下面，我们来学习箭头函数~ 一、箭头函数 ...
001_prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号
整理的学习记录
02-27 5438
prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号 当使用Prettiert格式化代码时，当箭头函数仅有一个参数时加上括号，与ESLint格式化代码校验插件造成冲突时。解决如下。
关于在工作中遇见的箭头函数返回加{}和不加{}的区别
a_b_ccv的博客
02-26 233
关于在工作中遇见的箭头函数返回加{}和不加{}的区别 根据上图链式操作是不是感觉和下图的链式操作一样 是不是看着没什么区别,实则不是这样,简写去掉大括号相当于在事件前面加了一个return .then(time2) => { return step2(time2) } 就可以实现一直.then的链式操作,图二的操作看似和图一一样,其实图二的操作是错误的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值