原创

Javascript代码简写

If true … else
传统写法:
1
2
3
4
5
6
var test;
if(x>10){
test=true;
}else{
test=false;
}
简写:
1
var test=(x>10)?true:false;
当然,如果是仅仅赋值布尔类型变量,还可以再精简下:
1
2
3
4
5
6
7
8
9
10
var test=(x>10);
//来个嵌套层次更深一些的例子
var x=3;
test=(x>10)?"大于10":(x<5)?"小于5":"大于5小于10";
console.log(test);//小于5
//函数调用也可以用到
function x() {console.log('x')};
function y() {console.log('y')};
var z = 3;
(z==3?x:y)();
if判断
传统写法:
1
2
3
4
5
6
if(test == true){
//do sth
}
if(test != true){
//do sth
}
简写:
1
2
3
4
5
6
if(test){
//do sth
}
if(!test){
//do sth
}
null,undefined与空检测
传统写法:
1
2
3
if (var1 !== null || var1 !== undefined || var1 !== '') {
var var2 = var1;
}
简写:
1
var var2 = var1 || '';
声明变量
传统写法:
1
2
3
var x;
var y;
var z = 3;
简写:
1
var x, y, z=3;
这种声明变量的场景用到的比较少,也记录下吧,谁让咱这是备忘录呢。
charAt()简写
传统写法:
1
"myString".charAt(0);
简写:
1
"myString"[0]
比较返回值
传统写法:
1
2
3
4
5
if (!(ret == undefined)) {
return ret;
} else{
return fun();
}
简写:
1
return ret || fun();
取整
传统写法:
1
Math.floor(4.9) === 4 //true
简写:
1
~~4.9 === 4 //true

正文到此结束
该篇文章的评论功能已被站长关闭
本文目录