黑马程序员技术交流社区
标题: 【广州前端】- JS常用简写技巧 [打印本页]
作者: AngularBaby 时间: 2018-1-11 12:27
标题: 【广州前端】- JS常用简写技巧
本帖最后由 AngularBaby 于 2018-1-11 12:28 编辑
1. 三元操作符
使用三元操作符来代替if...else语句
原代码：
[JavaScript] 纯文本查看 复制代码
var x = 20;
var answer;
if (x > 10) {
answer = 'more';
}
else {
answer = 'less';
}
简写：
[JavaScript] 纯文本查看 复制代码
var anser = x > 10 ? 'more' : 'less'
2. 短路运算
2.1 找真
原代码：
[JavaScript] 纯文本查看 复制代码
if (arg1 !== null || arg1 !== undefined || arg1 !== '') {
var arg2 = arg1;
}else{
var arg2 = 'new';
}
简写：
[JavaScript] 纯文本查看 复制代码
var arg2 = arg1 || 'new';
2.2 找假
原代码：
[JavaScript] 纯文本查看 复制代码
function fn(callback){
if(callback){
callback()
}
}
简写：
[JavaScript] 纯文本查看 复制代码
function fn(callback){
callback && callback();
}
3. 声明变量
原代码：
[JavaScript] 纯文本查看 复制代码
var a;
var b = 'bbb';
var c = 123;
简写：
[JavaScript] 纯文本查看 复制代码
var a,
b = 'bbb',
c = 123;
4. if存在条件
4.1
原代码：
[JavaScript] 纯文本查看 复制代码
if (arg === true) {
// do someting
}
简写：[JavaScript] 纯文本查看 复制代码
if (arg) { // do someting
}
4.2
原代码：
[JavaScript] 纯文本查看 复制代码
var a;
if (a !== true) {
// do someting...
}
简写：[JavaScript] 纯文本查看 复制代码
var a;
if ( !a ) { // do someting
}
5. 循环简写方法
原代码：
[JavaScript] 纯文本查看 复制代码
var arr = [1, 3, 5];
for (var index = 0; index < arr.length; index++) {
console.log(arr[index], index, arr);
}
简写：
[JavaScript] 纯文本查看 复制代码
var arr = [1, 3, 5];
arr.forEach((element, index, array) => {
console.log(element, index, array);
});
6. 取整
利用位运算符取整
原代码：
[JavaScript] 纯文本查看 复制代码
Math.floor(1.924) // 1
Math.ceil(-1.924) // -1
简写：
[JavaScript] 纯文本查看 复制代码
// 大于零向下取整（Math.floor）
~~1.924 // 1
// 小于零向上取整（Math.ceil）
~~-1.924 // -1
点击有惊喜
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
