夯实基础!JavaScript十个常用的简写技巧。

7 阅读2分钟

大家好,今天我们来聊聊JavaScript里那些能让代码更简洁、更高效的简写技巧。掌握这些技巧,不仅能让你写代码更快,还能让代码看起来更专业。

1. 声明变量

我们先从最简单的开始。当你需要声明多个变量时,可以在一行里完成。

传统写法:

let x;
let y1;
let z2;

简写写法:

let x, y1, z = 2;

这样写更紧凑,省去了重复的 let 关键字。

2. 使用三元运算符

if...else 语句很常用,但有时候用三元运算符会更简洁。

传统写法:

let age18;
let canDrink;
if (age >= 18) {
  canDrink'Yes';
} else {
  canDrink'No';
}

简写写法:

let age18;
let canDrink = age >= 18 ? 'Yes' : 'No';

三元运算符 条件 ? 表达式1 : 表达式2 非常适合简单的条件赋值。

3. 短路求值

给变量赋默认值是一个常见需求。你可以用逻辑或 || 来快速实现。

传统写法:

function printName(name) {
  if (name === null || name === undefined) {
    name'Guest';
  }
  console.log(name);
}

简写写法:

function printName(name) {
  name = name || 'Guest';
  console.log(name);
}

如果 name 是假值(如 nullundefined''0),|| 就会返回后面的 'Guest'注意:  在ES6及以后,更推荐使用默认参数空值合并运算符 ??,它们能更精确地处理 null 和 undefined注意:  在ES6及以后,更推荐使用默认参数空值合并运算符 ??,它们能更精确地处理 null 和 undefined注意:  这种复制是“浅拷贝”,对于嵌套的对象或数组,只复制了第一层的引用。 函数传参:

const numbers = [102030];
// 传统写法:Math.max.apply(null, numbers);
const max = Math.max(...numbers); // 30

以上就是十个非常实用的JavaScript简写技巧。它们就像是代码里的“快捷键”,用熟了之后,你的编码效率会大大提高。