- vừa được xem lúc

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

0 0 2

Người đăng: Vũ Tuấn

Theo Viblo Asia

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!

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 528

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 436

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 158

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 149

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 113

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 249