常用简洁 JS 代码块 ---持续更新

74 阅读1分钟
1.单行 if - else 语句:可以使用三元运算符  

X ? true : false

2. if - else 的空合并:使用 **??**  检查值是否为空,如果没有定义左侧返回右侧。如果是,则返回左侧:

image.png  

3. 防止崩溃的可选链:如果访问未定义的属性,则会产生错误。
所以在未定义属性时使用可选链运算符,undefined将返回而不是错误。这可以防止你的代码崩溃。

image.png

4.在没有第三个变量的情况下交换两个变量:可以使用解构从数组中拆分值

image.png  

5.将任何值转换为布尔值:可以使用  **!!**   将其他类型的转换为布尔值

image.png

6.使用 && 进行短路评估:简化 if 写法;

image.png

7.拼接变量和字符串 :将字符串包装在反引号内并 ${} 用于嵌入值

image.png

8.使用扩展运算符  …

image.png

9.传播解构 :使用扩展运算符 … 将剩余元素分配给变量

image.png

10.使用解构语法在一行中分配多个值

image.png

11.指数运算符

image.png

12.Math.floor() 简写  :四舍五入Math.floor(),也可以使用~~运算符

image.png

13.函数操作 为函数参数提供默认值

image.png

14.将对象的值返回为数组

image.png