本帖最后由 AngularBaby 于 2018-1-11 12:28 编辑
1. 三元操作符
使用三元操作符来代替if...else语句
原代码：
[mw_shl_code=javascript,true]
var x = 20;
var answer;
if (x > 10) {
answer = 'more';
}
else {
answer = 'less';
}
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
var anser = x > 10 ? 'more' : 'less'
[/mw_shl_code]
2. 短路运算
2.1 找真
原代码：
[mw_shl_code=javascript,true]
if (arg1 !== null || arg1 !== undefined || arg1 !== '') {
var arg2 = arg1;
}else{
var arg2 = 'new';
}
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
var arg2 = arg1 || 'new';
[/mw_shl_code]
2.2 找假
原代码：
[mw_shl_code=javascript,true]
function fn(callback){
if(callback){
callback()
}
}
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
function fn(callback){
callback && callback();
}
[/mw_shl_code]
3. 声明变量
原代码：
[mw_shl_code=javascript,true]
var a;
var b = 'bbb';
var c = 123;
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
var a,
b = 'bbb',
c = 123;
[/mw_shl_code]
4. if存在条件
4.1
原代码：
[mw_shl_code=javascript,true]
if (arg === true) {
// do someting
}
[/mw_shl_code]
简写：[mw_shl_code=javascript,true]
if (arg) { // do someting
}
[/mw_shl_code]
4.2
原代码：
[mw_shl_code=javascript,true]
var a;
if (a !== true) {
// do someting...
}
[/mw_shl_code]
简写：[mw_shl_code=javascript,true]
var a;
if ( !a ) { // do someting
}
[/mw_shl_code]
5. 循环简写方法
原代码：
[mw_shl_code=javascript,true]
var arr = [1, 3, 5];
for (var index = 0; index < arr.length; index++) {
console.log(arr[index], index, arr);
}
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
var arr = [1, 3, 5];
arr.forEach((element, index, array) => {
console.log(element, index, array);
});
[/mw_shl_code]
6. 取整
利用位运算符取整
原代码：
[mw_shl_code=javascript,true]
Math.floor(1.924) // 1
Math.ceil(-1.924) // -1
[/mw_shl_code]
简写：
[mw_shl_code=javascript,true]
// 大于零向下取整（Math.floor）
~~1.924 // 1
// 小于零向上取整（Math.ceil）
~~-1.924 // -1
[/mw_shl_code]
点击有惊喜
|
|
收藏
淘帖
踩
