Tối Ưu Code JavaScript - 5 Thủ Thuật Giúp Code Ngắn Gọn Hơn

JavaScript là ngôn ngữ phổ biến, nhưng không phải ai cũng biết cách tận dụng hết cái hay – cái ngầu – cái tinh gọn của nó. Trong bài này, mình chia sẻ 5 kỹ thuật JS thực chiến giúp bạn:

• Viết code ngắn hơn 30–60%
• Tăng độ đọc hiểu và bảo trì
• Trông cực kỳ pro, kể cả với dev kỳ cựu!

1. Destructuring nâng cao – Viết ngắn, đọc dễ, tránh trùng lặp

Trích xuất dữ liệu sâu

Trong tham số hàm

Tip: Dùng destructuring giúp code bớt verbose, và bạn tránh được việc phải lặp lại user.name, user.age hoài hoài!

2. Toán tử Logic hiện đại: ??, ?., ||=, ??=

Nullish Coalescing

Optional Chaining

Gán logic

Tóm gọn:

• ||= → gán nếu falsy (null, undefined, "", 0...)
• ??= → gán nếu nullish (null hoặc undefined)
• Giúp tránh if (!x) x = ... lặp đi lặp lại.

3. Làm sạch mảng & đối tượng dễ dàng với ES6+

Lọc, loại trùng, map – gọn 1 dòng

Tạo object động

Bạn có thể bỏ hàng chục dòng for-loop cồng kềnh chỉ bằng 2-3 method gọn lỏn.

5. Functional Programming

Currying + Compose Validators

Pipe data xử lý như Stream

Functional style giúp bạn chia nhỏ logic – tái sử dụng cực kỳ tiện – lại test dễ hơn!

Kết lại

Bạn không cần “hack não” hay viết code “deep deep” mới gọi là pro. Chỉ cần biết cách tận dụng đúng các tính năng JavaScript hiện đại, bạn đã:

• Giảm 30–60% số dòng code
• Tránh lỗi ngớ ngẩn
• Đọc code nhanh và sạch như đọc sách

Hãy thử refactor 1 file cũ bằng các kỹ thuật này và bạn sẽ wow chính bản thân mình.

Nếu thấy hữu ích, share lại cho đồng bọn, hoặc lưu về để dùng khi cần refactor nhé!