### JavaScript简写常用的12个技巧（可以大大减少你的JS代码量）
#### 一、空(null, undefined)验证
在JavaScript编程中，经常会遇到需要验证一个变量是否为`null`或`undefined`的情况。传统的做法可能会显得较为冗长：
```javascript
if (variable1 !== null && variable1 !== undefined && variable1 !== '') {
let variable2 = variable1;
}
```
而通过简写技巧，我们可以将这样的逻辑变得更加简洁明了：
```javascript
let variable2 = variable1 ?? '';
```
这里使用了ES2020引入的`nullish coalescing operator`(`??`)，它只有在左侧的操作数为`null`或`undefined`时才会返回右侧的操作数。这种方式不仅减少了代码量，也提高了代码的可读性。
#### 二、数组初始化
在创建数组时，通常的做法是比较繁琐的：
```javascript
let a = new Array();
a[0] = "myString1";
a[1] = "myString2";
a[2] = "myString3";
```
而利用简写技巧，可以使用更简洁的方式：
```javascript
let a = ["myString1", "myString2", "myString3"];
```
这种简写方式不仅代码更加简洁，而且更加直观易懂。
#### 三、if true...else 的优化
在进行条件判断时，传统的写法可能会显得有些冗余：
```javascript
let big;
if (x > 10) {
big = true;
} else {
big = false;
}
```
通过简写技巧，我们可以将其简化为：
```javascript
let big = x > 10;
```
这种方式不仅简化了代码，同时也保持了良好的可读性。
#### 四、变量声明
在声明多个变量时，传统的写法可能会导致代码量增加：
```javascript
let x;
let y;
let z = 3;
```
而通过简写技巧，我们可以将这些变量的声明合并到一行：
```javascript
let x, y, z = 3;
```
这种方式使得代码更加紧凑，同时也方便了变量的管理。
#### 五、赋值语句的简化
在进行赋值操作时，传统的写法可能会显得有些累赘：
```javascript
x = x + 1;
minusCount = minusCount - 1;
y = y * 10;
```
通过简写技巧，可以将其简化为：
```javascript
x++;
minusCount--;
y *= 10;
```
这种方式不仅代码量减少，同时也更加符合现代JavaScript的编码习惯。
#### 六、正则表达式的优化
在使用正则表达式进行匹配时，传统的写法可能会显得比较冗长：
```javascript
let re = new RegExp("\\d+(.)+\\d+", "igm");
let result = re.exec("padding01234texttext56789padding");
console.log(result); // "01234texttext56789"
```
而通过简写技巧，可以将其简化为：
```javascript
let result = "padding01234texttext56789padding".match(/\d+(.)+\d+/igm);
console.log(result); // "01234texttext56789"
```
这种方式不仅减少了代码量，同时也避免了创建新的`RegExp`对象，提高了性能。
#### 七、If条件优化
在进行条件判断时，传统的写法可能会显得有些累赘：
```javascript
if (likeJavaScript === true) {
// do something
}
```
而通过简写技巧，可以将其简化为：
```javascript
if (likeJavaScript) {
// do something
}
```
这种方式不仅代码更加简洁，同时也不会影响其功能。
#### 八、函数参数优化
在定义函数时，传统的写法可能会显得有些复杂：
```javascript
function myFunction(myString, myNumber, myObject, myArray, myBoolean) {
// do something
}
myFunction("String", 1, [], {}, true);
```
而通过简写技巧，可以将其简化为：
```javascript
function myFunction({ myString, myNumber, myObject, myArray, myBoolean }) {
// do something
}
myFunction({ myString: "String", myNumber: 1, myObject: {}, myArray: [], myBoolean: true });
```
这种方式不仅减少了代码量，同时也提高了代码的可读性和可维护性。
#### 九、charAt() 的替代品
在获取字符串中的字符时，传统的写法可能会显得有些累赘：
```javascript
"myString".charAt(0);
```
而通过简写技巧，可以将其简化为：
```javascript
"myString"[0];
```
这种方式不仅减少了代码量，同时也更加直观。
#### 十、函数调用的优化
在进行函数调用时，传统的写法可能会显得有些复杂：
```javascript
function x() {
console.log('x');
};
function y() {
console.log('y');
};
let z = 3;
if (z == 3) {
x();
} else {
y();
}
```
而通过简写技巧，可以将其简化为：
```javascript
let z = 3;
[z == 3 ? x : y]();
```
这种方式不仅减少了代码量，同时也提高了代码的可读性。
#### 十一、表示大数字的优化
在处理大数字时，传统的写法可能会显得有些繁琐：
```javascript
for (let i = 0; i < 10000; i++) {
// do something
}
```
而通过简写技巧，可以将其简化为：
```javascript
for (let i = 0; i < 1e4; i++) {
// do something
}
```
这种方式不仅减少了代码量，同时也提高了代码的可读性。
#### 总结
以上就是关于JavaScript简写常用的12个技巧的详细介绍。这些技巧可以帮助开发者编写出更加简洁高效的代码，提高开发效率的同时也能提升代码质量。无论是对于初学者还是资深开发者而言，掌握这些简写技巧都是非常有帮助的。希望本文能够对您的学习和工作有所帮助！
