+1

Bí quyết đặt tên biến JavaScript: Hướng dẫn thực tiễn tốt nhất

Việc đặt tên biến hiệu quả là nền tảng cho code sạch và dễ bảo trì. Bài viết này sẽ hướng dẫn bạn những nguyên tắc và thủ thuật để đặt tên biến JavaScript một cách chuyên nghiệp, từ việc sử dụng letconst đến các quy ước đặt tên cho mảng và biến boolean.

1. Bỏ var cho Modern Declarations

// Old way (avoid)
var score = 0;

// Modern approach
let userScore = 0; // changeable values
const MAX_SCORE = 100; // constants

Một trong những bước đầu tiên để viết code JavaScript sạch là chú trọng đến việc đặt tên biến. Thay vì dùng var, hãy sử dụng let cho các biến có thể thay đổi giá trị và const cho các hằng số. Ví dụ, let userScore = 0 thể hiện điểm số của người dùng có thể thay đổi, còn const MAX_SCORE = 100 thể hiện điểm số tối đa là một hằng số không đổi.

2. Nguyên tắc đặt tên chính

Tên biến cần phải thể hiện rõ ý nghĩa và mục đích của nó. Tránh viết tắt và nên sử dụng từ ngữ đầy đủ để tăng tính dễ đọc. Ví dụ, totalPrice rõ ràng hơn x và userProfile dễ hiểu hơn temp. Tương tự, orderStatus tốt hơn ordSt và employeeName dễ hiểu hơn empNm.

Bên cạnh đó, khi đặt tên biến gồm nhiều từ, hãy sử dụng quy tắc camelCase, viết hoa chữ cái đầu tiên của mỗi từ, trừ từ đầu tiên. Ví dụ: productDescription, orderDetails.

Đối với hằng số, hãy sử dụng chữ in hoa và phân cách các từ bằng dấu gạch dưới, ví dụ:

const API_KEY = 'your-key';
const MAX_ATTEMPTS = 5;

Đối với mảng, hãy sử dụng danh từ số nhiều để dễ dàng nhận biết. Ví dụ:

productNames
employeeList

Với biến boolean, hãy bắt đầu bằng các từ như is, has, hoặc can để thể hiện tính đúng sai. Ví dụ:

isActive
hasAccess
canDelete

Khi đặt tên biến, cần lưu ý đến phạm vi của biến. Sử dụng tiền tố như global hoặc local để phân biệt biến toàn cục và biến cục bộ, ví dụ:

globalUserCount
localTempVar

Một số lời khuyên hữu ích khác bao gồm ưu tiên sử dụng const, khai báo biến trên các dòng riêng biệt và chọn tên biến thể hiện rõ mục đích. Việc đặt tên biến một cách cẩn thận là bước khởi đầu cho việc viết code sạch và chuyên nghiệp.

Cảm ơn các bạn đã theo dõi!


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí