JavaScript代码简写技巧

1、三元运算符

常规:

let x = 20;
let compared;
if (x > 10) {
  compared = "大于 10";
} else {
  compared = "小于 10";
}

简写:

let compared = x > 10 ? "大于 10" : "小于 10";

2、短路判断简写

将变量值分配给另一个变量时,您可能希望确保源变量不为null,undefined或为空。您可以编写带有多个条件的长 if 语句,也可以使用短路判断。
常规:

let a;
if ( a !== null || a !== undefined || a !== ''){
  let b = a;
}

简写:

let b = a || 'new'

// 例子:
let a1;
let a2 = a1 || 'new'
console.log(a2 === 'new'); // true

a1 = 'old';
a2 = a1 || 'new';
console.log(a2); // old

3、声明变量简写

常规:

let a;
let b;
let c = 3;

简写:

let a, b, c = 3;

4、If真值判断简写

常规:

if (a === true){}

简写:

if (a){}

// 例子
let b;
if( b !== true) {}
// 简写
/*
let b;
if (!b){}
*/

5、For循环简写

常规:

let abc = ['a', 'b', 'c'];
for (let i = 0; i < abc.length; i++){}

简写:

for ( let value of abc){}

// 如果您只想访问索引
for (let index in abc){}

//Array.forEach简写
function abcFun(item, index, arr){
  console.log("abc[" + index + "]=" + item);
}
abc.forEach(abcFun);
// abc[0] = a;
// abc[1] = b;
// abc[2] = c;

6、短路判断赋值

如果预期参数为null或undefined,我们可以简单地使用短路逻辑运算符,只需一行代码即可完成相同的操作,而不是编写六行代码来分配默认值。
常规:

let b, a = 1;
if (a) {
  b = a;
} else {
  b = '2'
}

简写:

let b = a || '2'

7、十进制基本指数

你可能已经看过这个了。它本质上是一种编写没有尾随零的数字的奇特方式。例如,1e7实质上意味着1后跟7个零。它表示一个十进制基数(JavaScript解释为浮点类型)等于10,000,000。

正在持续更新中......

上一篇:一文讲述数仓组件SysCache


下一篇:关于选择器