语法微调，效率飞跃

我编写 JavaScript 的时间越长，就越意识到：速度的提升不仅仅来自框架或工具，更源于对语言本身的深刻理解，只有这样，你才不会把精力浪费在重复造轮子上。过去几个月里，我收集了一些小巧但能改变游戏规则的技巧，每天都在为我节省时间。

以下是其中 8 个我希望自己早点学会的技巧。

1.用默认参数替代 ||

我们都写过 value = input || "default"这种代码。但问题在于，0或空字符串 ""会被意外覆盖。

function greet(name = "Guest") {
  return `Hello, ${name}!`;
}
console.log(greet());        // Hello, Guest!
console.log(greet("Alice")); // Hello, Alice!

更简洁、更安全，而且不会出现意外覆盖。

2.可选链避免嵌套判断

再也不用写一堆 if (obj && obj.user && obj.user.name) {...}这样的代码了。

const username = data?.user?.profile?.name ?? "Unknown";

?.操作符让代码更简洁，而 ??则负责处理空值默认值。

3.对象解构并重命名

当 API 返回晦涩的字段名时，这个技巧特别好用。

const user = { fn: "John", ln: "Doe" };
const { fn: firstName, ln: lastName } = user;
console.log(firstName, lastName); // John Doe

这个技巧能让你的变量更易读，还不用改动数据源。

4.用 &&和 ||进行短路运算

与其写条件语句，不如用逻辑短路来简化：

const isAdmin = role === "admin" && "Full Access";
console.log(isAdmin); // Full Access or false

一行代码搞定快速检查，简洁明了。

5.用 reduce进行数组分组

不用外部库就能对数组元素进行分组：

const fruits = ["apple", "banana", "apple", "orange"];
const grouped = fruits.reduce((acc, fruit) => {
  acc[fruit] = (acc[fruit] || 0) + 1;
  return acc;
}, {});
console.log(grouped);
// { apple: 2, banana: 1, orange: 1 }

这是你掌握后会发现最万能的技巧之一。

6.模板字符串实现内联表达式

告别混乱的字符串拼接：

const price = 99;
console.log(`Your total is ${price * 1.08} with tax`);

代码更易读，多行字符串也同样适用。

7.数组的 .at()方法

再也不用 arr[arr.length - 1]这种取巧写法了。

const items = [10, 20, 30];
console.log(items.at(-1)); // 30

是的，JavaScript 终于支持直观的负数索引了。

8.命名导入提升可读性

当一个模块导出多个函数时：

import { readFile, writeFile } from "fs";

这样能清晰表明你在使用哪些功能，也有助于实现摇树优化（tree-shaking）。

总结

这些技巧单个来看或许并不起眼，但当你把它们组合起来使用时，效率提升的感觉会非常明显。JavaScript 发展迅速——持续关注这些小技巧，正是区分“能把代码跑起来”和“能交付更快、更整洁代码”的开发者的关键。