一些能节省代码行数的 JS 技巧

分享一些，我日常经常用来，提升效率 和 代码质量的， 一些小技巧。

通过本文，您可以了解如何通过清晰的解释、代码示例和图像编写更简洁、高效和可读的代码。

变量声明和赋值

日常，变量声明 和 赋值都是多行进行。 其实，我们可以将多个变量声明 和 赋值简写为一行 代码。

// 变量声明
let a;
let b = 1;

// 简洁写法  
let a, b = 1;

// 如果有多个变量 赋值同一个值 我们可以这样简写。

let a = b = c = d = 1;

//  如果变量具有不同的值，那么我们不能像这里那样分配它。
//  我们可以这样写

let a = 1, b = 2, c= 3;

交换变量值

我们在日常开发中，经常会遇到 变量值交换的场景。 通常做法是通过中间变量， 完成交换。

但其实，还有更简单的办法。

// 声明变量 a, b 
let a = 10, b = 20;

// 通常的交换办法
const temp = a;
a = b;
b = temp;

// 不通过中间变量的，快捷做法
[a, b] = [b, a];

switch case 替代

平时我们写的switch case 代码都是这样的。

const dayOfWeek = 3;

switch (dayOfWeek) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  case 4:
    console.log("Thursday");
    break;
  case 5:
    console.log("Friday");
    break;
}

我们可以通过下边的简写方法，来简化一下代码。

const case = {
  'one': () => console.log('Monday'),
  'two': () => console.log('Tuesday'),
  'three': () => console.log('Wednesday'),  
  'four': () => console.log('Thursday'),  
  'five': () => console.log('Friday')
};

(case[dayOfWeek] || case['three'])();

字符串重复

通常我们要重复字符串，一般都是通过 for 循环来实现。

let strg = ' ';

for(let i = 0; i < 3; i ++) { 
  strg += 'Hello World \n'; 
}

console.log(strg);

但是，我们也可以通过 String 提供的 repeat 方法来实现。

let strg = "Hello World \n";
a = strg.repeat(3);
console.log(a);

字符串到整数类型转换

如果我们声明了，一个字符串数字。 想转换为 整数需要用到 parseInt 方法。 如下所示。

let a = "10";

console.log(typeof(a)) // 输出 string

let y = parseInt(a);

console.log(typeof(y)); // 输出 number

我们还可以通过 运算符来达到这个目的。

let a = '10';

let y = +a;

consoloe.log(typeof(y))  // 输出 number

总结

使用简短写法使我们的代码看起来干净且易于阅读。但这并不适合所有人。如果您是初学者，一开始这样写并不是一个好主意。

建议初学者，还是先打好基础，然后在掌握了基础写法之后，在去练习使用一些简短写法。