提升效率的 JavaScript 简写技巧

1. 声明变量

//普通写法 
let x; 
let y = 20; 

//简写 
let x, y = 20;

2. 给多个变量赋值

//普通写法 
let a, b, c; 
a = 5; 
b = 8; 
c = 12;
 
//简写 
let [a, b, c] = [5, 8, 12];

3. 分配默认值

//普通写法 
let imagePath; 
let path = getImagePath(); 
if(path !== null && path !== undefined && path !== '') { 
  imagePath = path; 
} else { 
  imagePath = 'default.jpg'; 
} 

//简写 
let imagePath = getImagePath() || 'default.jpg';

4. AND(&&)短路求值法

//普通写法 
if (isLoggedin) {
 goToHomepage(); 
} 

//简写 
isLoggedin && goToHomepage();

5. 多条件检查

//普通写法 
if (value === 1 || value === 'one' || value === 2 || value === 'two') { 
     // Execute some code 
} 

//简写 1
if ([1, 'one', 2, 'two'].indexOf(value) >= 0) { 
    // Execute some code 
}
//简写 2
if ([1, 'one', 2, 'two'].includes(value)) { 
    // Execute some code 
}

6. 多次重复一个字符串

//普通写法 
let str = ''; 
for(let i = 0; i < 5; i ++) { 
  str += 'Hello '; 
} 
console.log(str); // Hello Hello Hello Hello Hello 

//简写 
'Hello '.repeat(5);

7. 查找数组中的最大和最小数

const arr = [2, 8, 15, 4]; 
Math.max(...arr); // 15 
Math.min(...arr); // 2