JavaScript 常用简写技巧与最佳实践

空值与未定义验证

在处理变量时，检查其是否为 null、undefined 或空字符串是常见需求。传统的多条件判断显得冗余，可以利用 JavaScript 的逻辑或（||）运算符进行简化。|| 会返回第一个为真的值，若前一个值为假（如 null、undefined 或 ''），则取后一个默认值。

非优化写法：

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
  let variable2 = variable1;
}

优化写法：

let variable2 = variable1 || '';

数组初始化

创建数组时，直接使用字面量语法替代构造函数，既简短又符合现代 JS 规范。

非优化写法：

let a = new Array();
a[0] = "myString1";
a[1] = "myString2";
a[2] = "myString3";

优化写法：

let a = ["myString1", "myString2", "myString3"];

布尔值三元运算

当需要根据条件赋值布尔值（true/false）时，三元运算符比冗长的 if-else 块更高效。

非优化写法：

let big;
if (x > 10) {
    big = true;
} else {
    big = false;
}

优化写法：

let big = x > 10 ? true : false;

变量批量声明

在同一个作用域内声明多个变量时，使用逗号分隔即可，减少代码行数。

非优化写法：

let x;
let y;
let z = 3;

优化写法：

let x, y, z=3;

算术与赋值运算符缩写

自增、自减以及复合赋值操作都有对应的简写形式，能大幅减少代码体积。

非优化写法：

x = x + 1;
minusCount = minusCount - 1;
y = y * 10;

优化写法：

x++;
minusCount--;
y *= 10;

正则表达式字面量

创建正则对象时，使用字面量 /.../ 比使用 new RegExp() 更简洁且执行速度通常更快。

非优化写法：

var re = new RegExp("\d+(.)+\d+","igm");
var result = re.exec("padding 01234 text text 56789 padding");
console.log(result); // "01234 text text 56789"

优化写法：

var result = /\d+(.)+\d+/igm.exec("padding 01234 text text 56789 padding");
console.log(result); // "01234 text text 56789"

严格相等判断简化

在布尔上下文中，无需将布尔变量与 true 进行显式比较。

非优化写法：

if (likeJavaScript === true)

优化写法：

if (likeJavaScript)

字符串字符访问

虽然 charAt() 依然有效，但使用方括号索引访问首字符更为直观和简短。

非优化写法：

"myString".charAt(0);

优化写法：

"myString"[0]; // 返回 'm'