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

最新推荐文章于 2022-10-13 18:28:11 发布
原创 最新推荐文章于 2022-10-13 18:28:11 发布 · 542 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6

本文详细介绍了ES6中箭头函数的两种使用方式：一种是不加花括号，默认添加return语句；另一种是加上花括号，此时如果没有显式return，则箭头函数不会返回任何值。通过对比这两种使用方式，帮助读者更好地理解箭头函数的工作原理。

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

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

  • 首先不加{}，默认添加return，箭头函数指向函数的返回值。
  • 另一种加{}，如果不手动return，箭头函数便没有指向，什么也得不到
  • 这就是两者的区别
helloworld963
关注
VUE_ES6新特性
weixin_49076273的博客
03-11 1284
1）安装Nodejs环境，会带有npm命令，但是npm镜像是国外的，安装国内的cnpm，但好像现在cnpm安装完成后，要用npm指令。即指令还是npm，但是此时的镜像已经改成国内的镜像。2）创建VUE项目时，直接在VSCODE中打开一个新文件夹，在文件夹内可以在创建文件夹，然后在准备放项目的文件夹中直接打开终端，进入到文件夹中，通过cnpm指令直接创建VUE项目。Babel的作用是ES6代码转换成ES5，实现向下兼容。1）let和const命令，都是不存在提升、不可重复声明、块级作用域。
es6学习笔记（自己理解手写版 持续更新）
bulaganhuisi的博客
09-06 532
融合bilibili多个视频的es6学习笔记（自己理解手写版 持续更新）
ES6箭头函数的大括号
sxr000511的博客
07-28 324
ES6 箭头函数的大括号 问题来自：50projects50days之8【 form-input-wave】 https://github.com/bradtraversy/50projects50days/ 箭头函数后面没有加大括号并且只有一行代码返回，默认return 箭头函数后面加了大括号，则不会默认return 例如： Array.map((single, index) => { return `<span style="transition-delay:${index
es6 箭头函数后面的大括号
A.Wang的专栏
05-27 8027
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 163
为什么80%的码农都做不了架构师？>>> ...
vue组件
X W F
11-03 189
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 781
1.使用()，当箭头后面跟的是JSX表达式时，只需要使用() 2.使用 ({})，当箭头后面返回的是一个对象时，需要使用({}) 3.什么括号都不使用，当箭头后面只有一条语句时，可以直接将该语句写在 => 后面 总结： 在箭头函数中(xxx) 相当于 { return (xxx)} ...
es6 my api
qq_32265719的博客
07-01 587
极客codder了解下 es6模块构建 ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系 amd/commonjs 只能在运行时确定 export str export log import { str, log } from 'a.js'; //解构赋值 export default{ str, log, } import commonM...
Java源码解读系列之Java8Stream（流）详解
123
04-27 664
Java8推出了Stream流的新特性，让开发者可以用声明式的方法操作集合，无需再进行循环遍历。流使用起来方便快捷，同时，开发者肯定也会好奇流到底是个什么东西？为什么可以用lambda表达式就能将以前复杂的统计筛选等功能简单优雅地表达出来？这篇文章笔者就来尝试着从源码的角度剖析一下Stream。 打开Stream类，可以看到类注释有很长一段，咱们分段来进行解读： 第一句话解释了Stream是一个支持顺序和并行聚合操作的一串元素。 然后给出了这么一个例子： int sum = widg
Vue 知识点汇总（下）--附案例代码及项目地址
热门推荐
wuyxinu的博客
01-14 2万+
文章目录Vue预备知识与后续知识及项目案例一、简介1.Vue (读音 /vjuː/，类似于 view)的简单认识2.Vue.js安装二、Vue知识量化三、内容1、Webpack 详解什么是Webpack？前端模块化**和grunt/gulp的对比**webpack安装Webpack 起步Webpack配置css-loader的使用less文件处理图片文件处理ES6语法处理Webpack 配置 Vu...
ESLint
花铛
01-25 906
Lint 是检验代码格式工具的一个统称，具体的工具有 Jslint 、 Eslint 等等。ESLint 是一个静态代码分析工具，在没有任何程序执行的情况下，对代码进行分析。ESLint 可以帮助在项目中建立统一的团队代码规范，保证正确、统一的代码风格，提高代码的可读性、可维护性。
Eslint规范配置
知行合一
03-30 3027
一、Eslint检测ES6规范配置 编码格式规范 声明唯一性 初始化定义规范 代码编写注意事项 派生类相关 二、Airbnb规范节选 箭头函数 构造器 迭代遍历 属性定义 解构 函数 三、 编码格式规范 a.规定箭头函数强制大括号 b.规定箭头函数参数是否要使用括号 c.规定箭头函数的箭头前后的空格规范 d.generator 函数中 号周围的空格 e.规定rest参数和扩展运算符与他们的...
ES6新特性分享（三）
m0_50789201的博客
05-11 230
ES6新特性分享（三） 一.箭头函数 ES6 允许使用「箭头」（=>）定义函数。 //声明一个函数 // let fn = function(){ // } //箭头函数 // let fn = (a,b) => { // return a + b; // } 箭头函数的注意点: 1) 如果形参只有一个，则小括号可以省略 /** * 省略小括号的情况 */ let fn2 = num ...
ES6箭头函数后面加不加花括号{}问题
a1071626267的博客
10-13 467
ES6箭头函数后面加不加花括号{}问题
001_prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号
整理的学习记录
02-27 5714
prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号 当使用Prettiert格式化代码时，当箭头函数仅有一个参数时加上括号，与ESLint格式化代码校验插件造成冲突时。解决如下。
箭头函数后加不加括号的区别
livinc1117的博客
10-15 3529
当你的箭头函数仅有一个参数的时候，可以省略掉括号。 当你的函数仅有一个表达式的时候，可以省略{}和return var who = name =&gt;'hello'+name  
关于在工作中遇见的箭头函数返回加{}和不加{}的区别
a_b_ccv的博客
02-26 283
关于在工作中遇见的箭头函数返回加{}和不加{}的区别 根据上图链式操作是不是感觉和下图的链式操作一样 是不是看着没什么区别,实则不是这样,简写去掉大括号相当于在事件前面加了一个return .then(time2) => { return step2(time2) } 就可以实现一直.then的链式操作,图二的操作看似和图一一样,其实图二的操作是错误的 ...
es6中箭头函数和普通函数的区别
最新发布
06-29
在ES6中引入的箭头函数（arrow function）与传统的普通函数（regular function）之间存在多个关键区别，这些差异不仅影响代码的可读性，还对功能行为产生重要影响。 1. **语法** 箭头函数使用一种更为简洁的语法...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值