20个常用的JavaScript简写技巧

任何编程语言的简写技巧都能够帮助你编写更简练的代码，让你用更少的代码实现你的目标。让我们一个个来看看 JavaScript 的简写技巧吧。

1. 声明变量

//Longhand 
let x; 
let y = 20; 
//Shorthand 
let x, y = 20; 

2. 给多个变量赋值

我们可以使用数组解构来在一行中给多个变量赋值。

//Longhand 
let a, b, c; 
a = 5; 
b = 8; 
c = 12; 
 
//Shorthand 
let [a, b, c] = [5, 8, 12]; 

3. 三元运算符

我们可以使用三元(条件)运算符在这里节省 5 行代码。

//Longhand 
let marks = 26; 
let result; 
if(marks >= 30){ 
 result = 'Pass'; 
}else{ 
 result = 'Fail'; 
} 
//Shorthand 
let result = marks >= 30 ? 'Pass' : 'Fail'; 

4. 赋默认值

我们可以使用 OR(||) 短路运算来给一个变量赋默认值，如果预期值不正确的情况下。

//Longhand 
let imagePath; 
let path = getImagePath(); 
if(path !== null && path !== undefined && path !== '') { 
  imagePath = path; 
} else { 
  imagePath = 'default.jpg'; 
} 
//Shorthand 
let imagePath = getImagePath() || 'default.jpg'; 

5. 与 (&&) 短路运算

如果你只有当某个变量为 true 时调用一个函数，那么你可以使用与 (&&)短路形式书写。

//Longhand 
if (isLoggedin) { 
 goToHomepage(); 
} 
//Shorthand 
isLoggedin && goToHomepage(); 

当你在 React 中想要有条件地渲染某个组件时，这个与 (&&)短路写法比较有用。例如：

本文转载自网络，原文链接：https://www.toutiao.com/a6923752386959917580/
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！