20 个 JavaScript 常用简写技法

在 JavaScript 编程中，掌握一些常用的简写技法可以提高代码的效率和简洁性。以下为您介绍 20 个实用的简写技巧。

1. 三元运算符替代 if-else 语句 例如：condition? valueIfTrue : valueIfFalse ，使条件判断更简洁。

2. 短路逻辑与 && 和短路逻辑或 || 用于简洁地处理条件判断和默认值设置。

3. 对象属性简写 如果属性名和变量名相同，可以直接写变量名，如 { name } 而不是 { name: name } 。

4. 数组解构赋值 可以快速从数组中提取值，如 const [a, b] = [1, 2]; 。

5. 展开运算符 ... 用于数组和对象的复制、合并等操作。

6. 模板字符串 使用反引号 ` 来创建包含变量的字符串，更直观和灵活。

7. 箭头函数 (param) => expression ，简化函数定义，特别是在回调函数中。

8. 隐式返回的箭头函数 当函数体只有一行表达式时，可以省略 return 关键字。

9. 简洁的 for 循环 使用 for...of 结构遍历可迭代对象。

10. 可选链操作符 ?. 防止在访问可能为 null 或 undefined 的属性时出错。

11. 空值合并运算符 ?? 提供了一种简洁的方式来处理默认值。

12. 数字分隔符 _ 增强数字的可读性，如 1_000_000 。

13. 立即执行函数表达式（IIFE） (function() {... })(); ，创建独立的作用域。

14. 函数参数默认值 直接在函数参数中设置默认值，无需在函数体内判断。

15. 简洁的对象方法定义 使用属性值是箭头函数的方式定义对象方法。

16. 字符串方法简写 如 str.includes('substr') 替代 str.indexOf('substr')!== -1 。

17. 数组方法链 可以连续调用多个数组方法，如 arr.filter(...).map(...) 。

18. 类型断言 使用 as 关键字进行类型断言，使类型转换更清晰。

19. 解构函数参数 直接在函数参数中解构对象或数组。

20. 利用 Math 方法的简洁调用 例如 Math.max(...arr) 替代繁琐的循环比较。

熟练运用这些简写技法，能够让您的 JavaScript 代码更加简洁、易读和高效。不断探索和实践，您会发现更多优化代码的方式，提升编程体验和开发效率。