ES6箭头函数后面加不加花括号{}问题
前言
本人在做项目的时候,使用到了every方法并使用箭头函数,我在箭头函数中加了花括号但是却无法返回正确的结果,经过查阅才知道,箭头函数后加花括号和不加是有区别的。
一、箭头函数后加花括号
如下所示,array是一个数组,用every方法看数组中的每一项是否满足所对应的条件,如果都满足的话,则会返回true,不满足返回false。根据every方法返回的结果再进行判断。我刚开始写的错误代码如下:
this.cartInfoList.every(item => {item.isChecked == 1
})
结果发现当array数组中的所有数字都是0的时候还是会返回1,其原因在于当箭头函数加上花括号的时候是需要加上return的。否则返回的就是就是空。因此加上花括号正确的代码如下:
this.cartInfoList.every(item => {return item.isChecked == 1
})
二、箭头函数不加花括号
此时是默认有return的,因此以上代码直接这样写:
this.cartInfoList.every(item => item.isChecked == 1)
总结
记住一句话就可以了:箭头函数加上花括号需要写return,不加花括号不需要写,默认就有return。
ES6箭头函数后面加不加花括号{}问题相关推荐
- es6箭头函数_【知识点】ES6箭头函数、箭头函数与普通函数的区别
作者:長安曹公子 文章出处:ES6 - 箭头函数.箭头函数与普通函数的区别 一.基本语法 ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子: // 箭头函数 let fu ...
- es6 箭头函数 rest参数 扩展运算符
Es6 箭头函数 语法: 普通函数: fn=function(){} 箭头函数: fn=()=>{} 特性: this是静态的,this始终指向函数声明时所在作用域下的this的值(使用call ...
- 什么时候不该使用es6箭头函数 1
从开始接触es6到在项目中使用已经有一段时间了,es6有很多优秀的新特性,其中最有价值的特性之一就是箭头函数,他简洁的语法以及更好理解的this值都非常的吸引我.但是新事物也是有两面性的,箭头函数有他 ...
- [OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=)
[OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=>) https://www.liaoxuefeng.com/wiki/1022910821149312/103154957 ...
- Javascript/ES6箭头函数
Javascript/ES6箭头函数 文章目录 Javascript/ES6箭头函数 一.箭头函数是什么? 二.箭头函数与普通函数的区别 三.箭头函数的使用 1.箭头函数是匿名函数,不能作为构造函数, ...
- ES6箭头函数中的this指向
1箭头函数中的this (1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this (2)箭头函数中的this指向 :访问上一个作用域的thi ...
- es6 箭头函数使用_如何使用ES6箭头功能使JavaScript易于阅读
es6 箭头函数使用 Arrow functions are the new fundamental building blocks of building modern web applicatio ...
- ES6箭头函数以及promise/async/await测试案例
ES6箭头函数的运用 下面以一段代码解释 function one(){return 1 以上函数用箭头函数写步骤,参考下面代码 {}和里面的东西先删去 one = (里面写参数/无参数的里面为空)= ...
- ES6 箭头函数易出错细节
箭头函数表达式的语法比函数表达式更短,并且没有自己的this,arguments,super或 new.target. 箭头函数基本语法 (参数1, 参数2, -, 参数N) => { 函数声明 ...
最新文章
- 基于点云的3D障碍物检测
- 面向对象分析和设计(OOA/D)
- TODO;FIXME;XXX
- 【sparkStreaming】将DStream保存在MySQL
- pip和conda 换清华源
- 研究生一年级,非计算机专业,自学机器学习现实吗?
- 120. Triangle 三角形最小路径和
- iOS WebView 加载本地资源(图片,文件等)
- javabean 学习笔记
- 直播报名 | 从业务场景入手,吃透音视频技术
- 【Docker】05 容器数据卷
- 苹果iphone5/iphone5s充电器(A1443)及电路原理图
- 免费图床-树洞外链-阿离图床
- 企业战略规划书籍推荐
- 135节---------4月11日
- 喜欢的歌,老歌居多,呵呵,怀旧,改不了的毛病
- windows虚机环境下,如何快速有效的删除大文件夹?
- Vue 3中令人激动的新功能:Fragment+Suspense+多v-model
- 手把手教你如何结合腾讯云开发微信小程序
- 纯CSS实现淘宝天猫优惠券效果
热门文章
- 使用SSL安全连接MySQL数据库
- Windows下管理Linux格式硬盘
- 内地部分港商无缘102届广交会展位
- 3.6 Domain-Based Consistencies Weaker than AC
- com.youth.banner:banner 把图片改成圆角
- 对数正态lognormal分布图像
- Linux根据关键字或日期查找日志
- 「隐语小课」联邦学习之通信优化
- C语言怎么写p2p搜索程序,p2p的C语言实现 该源码实现了一个P2P的服务器端和客户端 - 下载 - 搜珍网...
- chmod 777 权限恢复问题 /etc/sudoers.d