客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
1、短路判断当只需要简单的if条件时，可使用此方法
let x = 0;
let foo = () => console.log('执行了');
if(x === 0){
foo()
}
通过使用
let x = 0;
let foo = () => console.log('执行了');
x === 0 && foo()
还可增加更多的if条件，不过这也会增加语句的复杂性，不建议超过2个以上条件。
let x = 0;
let y = 0;
let foo = () => console.log('执行了');
x === 0 && y === 0 && foo()
2、可选链操作符 ( ? )我们经常会判断JS对象中是否存在某个
let user = {
name : {
firstName : '傲夫靠斯'
}
}
if(user.name){
if(user.name.firstName){
console.log('user对象 包含 firstName 字段')
}
}
这时我们可以使用?操作符进行简化操作，如果
let user = {
name : {
firstName : '傲夫靠斯'
}
}
if(user.name?.firstName){
console.log('user对象 包含 firstName 字段')
}
3、空值合并操作符 ( ?? )与if/else相比来说，三元运算符更加简短。如果逻辑简单，使用起来很方便。 例如：
let user = {
name : {
firstName : '傲夫靠斯'
}
}
let foo = () => {
return user.name?.firstName ?
user.name.firstName :
'firstName 不存在'
}
console.log(foo())
首先使用?运算符来判读是否存在，存在即返回，不存在则返回false，进入后面的逻辑 使用??运算法使代码更加精简
let user = {
name : {
firstName : '傲夫靠斯'
}
}
let foo = () => {
return user.name?.firstName ??
'firstName 不存在'
}
console.log(foo())
4、return终止函数下面函数判断x的值，使用大量
let x = 1;
let foo = () => {
if(x < 1){
return 'x 小于 1'
} else {
if(x > 1){
return 'x 大于 1'
}else{
return 'x 等于 1'
}
}
}
console.log(foo())
这种
let x = 1;
let foo = () => {
if(x < 1){
return 'x 小于 1'
}
if(x > 1){
return 'x 大于 '
}
return 'x 等于 1'
}
console.log(foo())
到此这篇关于JS 4个超级实用的小技巧 提升开发效率的文章就介绍到这了,更多相关4个实用JS小技巧 提升开发效率内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论