没有合适的资源?快使用搜索试试~ 我知道了~
【JavaScript源代码】JavaScript中条件语句的优化技巧总结.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 79 浏览量
2021-12-29
00:21:20
上传
评论
收藏 19KB DOCX 举报
温馨提示
试读
13页
JavaScript中条件语句的优化技巧总结 对多个条件使用 Array.includes function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 上面的例子看起来不错。然而,如果还有更多红颜色的水果需要判断呢,比如樱桃和小红莓,我们要用更多的 ||来扩展这个表述吗? 我们可以用 Array.includes 重写上面的条件! function test(fruit) { const redFruits = ['apple', '
资源推荐
资源详情
资源评论
1
JavaScript 中条件语句的优化技巧总结
对多个条件使用 Array.includes
funcon test(fruit) {
if (fruit == 'apple' || fruit == 'strawberry') {
console.log('red');
}
}
上面的例子看起来不错。然而,如果还有更多红颜色
的水果需要判断呢,比如樱桃和小红莓,我们要用更多的 |
|来扩展这个表述吗?
我们可以用 Array.includes 重写上面的条件!
funcon test(fruit) {
const redFruits = ['apple', 'strawberry', 'cherry',
'cranberries'];
if (redFruits.includes(fruit)) {
console.log('red');
}
}
2
我们将条件提取到一个数组中。这样做之后,代码看
起来更整洁。
更少的嵌套,尽早返回
扩展前面的示例,以包含另外两个条件:
如果没有提供水果(名称),抛出错误。
如果(红色水果)数量超过 10 个,接受并打印。
看看上面的代码,我们有:
1 组过滤无效条件的 if/else 语句
3 层的 if 嵌套语句(条件 1、2 和 3)
遵循的一般规则是,当发现无效条件时,提前返回。
/_ return early when invalid condions found _/
funcon test(fruit, quanty) {
const redFruits = ['apple', 'strawberry', 'cherry',
'cranberries'];
// condion 1: throw error early
if (!fruit) throw new Error('No fruit!');
3
// condion 2: must be red
if (redFruits.includes(fruit)) {
console.log('red');
// condion 3: must be big quanty
if (quanty > 10) {
console.log('big quanty');
}
}
}
这样,我们就少了一层嵌套。这种编码风格很好,尤
其是当你有很长的 if 语句时(想象一下,你需要滚动到最
底部才能知道还有一个 else 语句,这并不好)。
通过反转条件和提早返回,我们可以进一步减少嵌套
看看下面的条件 2,我们是怎么做的:
/_ return early when invalid condions found _/
funcon test(fruit, quanty) {
剩余12页未读,继续阅读
资源评论
mmoo_python
- 粉丝: 0
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功