大家好,今天我们来聊聊JavaScript里那些能让代码更简洁、更高效的简写技巧。掌握这些技巧,不仅能让你写代码更快,还能让代码看起来更专业。
1. 声明变量
我们先从最简单的开始。当你需要声明多个变量时,可以在一行里完成。
传统写法:
let x;
let y = 1;
let z = 2;
简写写法:
let x, y = 1, z = 2;
这样写更紧凑,省去了重复的 let 关键字。
2. 使用三元运算符
if...else 语句很常用,但有时候用三元运算符会更简洁。
传统写法:
let age = 18;
let canDrink;
if (age >= 18) {
canDrink = 'Yes';
} else {
canDrink = 'No';
}
简写写法:
let age = 18;
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 是假值(如 null, undefined, '', 0),|| 就会返回后面的 'Guest'。
注意: 在ES6及以后,更推荐使用默认参数或空值合并运算符 ??,它们能更精确地处理 null 和 undefined。
注意: 在ES6及以后,更推荐使用默认参数或空值合并运算符 ??,它们能更精确地处理 null 和 undefined。
注意: 这种复制是“浅拷贝”,对于嵌套的对象或数组,只复制了第一层的引用。
函数传参:
const numbers = [10, 20, 30];
// 传统写法:Math.max.apply(null, numbers);
const max = Math.max(...numbers); // 30
以上就是十个非常实用的JavaScript简写技巧。它们就像是代码里的“快捷键”,用熟了之后,你的编码效率会大大提高。