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 128
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.
箭头函数
编程之路
04-03 5059
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`...
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 671
**内容简介：** 十二、Symbol 十三、Set 和 Map 数据结构 十四、Proxy 十五、Reflect 十六、Promise 对象 十七、Iterator 和 for...of 循环 十八、Generator 函数的语法 十九、Generator 函数的异步应用 二十、async 函数 二十一、Class 的基本语法 二十二、Class 的继承 二十三、Module 的语法 二十四、Module 的加载实现 二十七、异步遍历器
VScode配置prettier和eslint
qq_42535651的博客
01-22 4566
前端工具中如果使用prettier进行代码格式化，eslint进行错误检测。对前端工作有极大的帮助 原则： prettier和eslint配置可以分成两种，一种是本地配置，一种是全局配置。VScode会检测文件夹根目录下有没有用户自定义的配置文件 .prettierrc.json和.eslintrc.js。如果有则会优先加载用户自定义的配置，如果没有则会加载VScode中的setting.json...
ES6箭头函数后面加不加花括号{}问题
qq_43278221的博客
04-13 1616
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、箭头函数后加花括号二、箭头函数不加花括号总结 前言 本人在刷leetcode的时候，使用到了箭头函数，我在箭头函数中加了花括号但是却无法返回正确的结果，经过查阅才知道，箭头函数后加花括号和不加是有区别的。 一、箭头函数后加花括号 如下所示，array是一个数组，用every方法看数组中的每一项是否满足所对应的条件，如果都满足的话，则会返回true，不满足返回false。根据every方法返回的结果再进行判断。我刚开始写.
代码规范：eslint
热门推荐
huangpb的博客
07-16 1万+
1. 安装eslint // 全局安装 npm i -g eslint // 当然也可以局部安装 cnpm i -D eslint 2. 安装依赖包 cnpm i -D eslint-config-airbnb eslint-plugin-jsx-a11y eslint-plugin-import eslint-plugin-react babel-eslint eslint-load...
Eslint规范配置
知行合一
03-30 2826
一、Eslint检测ES6规范配置 编码格式规范 声明唯一性 初始化定义规范 代码编写注意事项 派生类相关 二、Airbnb规范节选 箭头函数 构造器 迭代遍历 属性定义 解构 函数 三、 编码格式规范 a.规定箭头函数强制大括号 b.规定箭头函数参数是否要使用括号 c.规定箭头函数的箭头前后的空格规范 d.generator 函数中 号周围的空格 e.规定rest参数和扩展运算符与他们的...
001_prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号
整理的学习记录
02-27 5438
prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号 当使用Prettiert格式化代码时，当箭头函数仅有一个参数时加上括号，与ESLint格式化代码校验插件造成冲突时。解决如下。
eslint规则修改：函数括号前必须加空格的规则修改
qq_43416014的博客
03-21 1万+
esllint规定括号函数括号前加一个空格，不然直接报错，非常的恶心（这本身就不是一个错误）如果及觉得不需要这个规则如下操作： 在根目录下的.eslintrc.js中的rules: {}中添加： 'space-before-function-paren':0 添加完 rules: { 'no-console': process.env.NODE_ENV === 'production' ...
ESLint错误解析
小僵尸打字员的博客
01-12 1万+
“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：箭头函数与块级作用域
"这篇ES6学习笔记主要涵盖了ES6中三种变量声明的异同、let与const的应用、箭头函数的使用方式、this的指向、默认参数以及箭头函数不适用于某些特定场景的情况。" 一、var、let、const异同 在ES6中，变量声明有了新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值