Written By: Nguyễn Văn Hiếu (Web 25)
Gmail: hieunguyenyt173@gmail.com
Bài viết gốc: https://dev.to/alexomeyer/8-must-know-tips-for-writing-clean-code-with-javascript-i4

Javascript là một ngôn ngữ lập trình tuyệt vời, tuy nhiên, viết mã javascript rõ ràng có thể là một thách thức, ngay cả đối với những lập trình viên dày dạn kinh nghiệm.

Code javascript clean trông như thế nào? Nó phải là:

  1. Dễ đọc
  2. Dễ dàng sửa lỗi
  3. Hiệu quả và hiệu suất cao

Dưới đây là các công cụ và thủ thuật hàng đầu mà bạn có thể sử dụng để nâng chất lượng code Javascript của mình lên một tầm cao mới:

1. Sử dụng try catch tất cả các yêu cầu api và các phương thức JSON

Nhiều thứ có thể xảy ra sai sót khi thực hiện các yêu cầu api để tìm nạp dữ liệu, do đó, việc quan tâm đến những trường hợp này là điều bắt buộc. Khi việc xử lý JSON không tự động tin tưởng vào những gì đang được cung cấp, hãy cố gắng làm cho mã của bạn mạnh mẽ hơn bằng cách xử lý các mâu thuẫn có thể xảy ra.

anh minh hoa

2. Use a linter (ESLint)

Linter là một công cụ phân tích mã tĩnh sẽ kiểm tra các lỗi về kiểu dáng và lập trình dựa trên một tập hợp các quy tắc và cấu hình được xác định trước. Tóm lại, nó sẽ cải thiện Javascript / Typescript của bạn và giúp giữ cho nó nhất quán hơn.

3. Theo dõi các vấn đề về Javascript trong trình chỉnh sửa của bạn

Một thành phần chính của việc giữ cho cơ sở mã Javascript của bạn clean là giúp bạn dễ dàng theo dõi và xem các vấn đề trong chính mã. Theo dõi các vấn đề về cơ sở mã trong trình chỉnh sửa cho phép các kỹ sư:

  • Nhận thông tin đầy đủ về các vấn đề lớn hơn như nợ công nghệ
  • Xem ngữ cảnh cho từng vấn đề về cơ sở mã
  • Giảm chuyển đổi ngữ cảnh
  • Giải quyết nợ công nghệ liên tục

Bạn có thể sử dụng các công cụ khác nhau để theo dõi nợ kỹ thuật của mình nhưng cách nhanh nhất và dễ dàng nhất để bắt đầu là sử dụng các tiện ích mở rộng Stepsize miễn phí cho VSCode hoặc JetBrains tích hợp với Jira, Linear, Asana và các công cụ quản lý dự án khác.

4. Sử dụng chuỗi mẫu

Chuỗi mẫu sẽ cho phép bạn đưa các giá trị vào chuỗi trong khi vẫn giữ nguyên định dạng và mã thân thiện với người đọc hơn nhiều so với thực hiện số học chuỗi.

anh minh hoa

5. Sử dụng regex khi cần tìm kiếm chuỗi

Mặc dù nhìn từ bên ngoài, regex có vẻ bí truyền, nhưng nó là một công cụ phân tích chuỗi mạnh mẽ và cho phép bạn tạo các mẫu phức tạp để giải thích cho nhiều trường hợp khớp chuỗi khó khăn.

anh minh hoa

6. Sử dụng chuỗi tùy chọn

Ngừng có các liên từ logic dài và đơn giản hóa mã của bạn với chuỗi tùy chọn.

anh minh hoa

7. Tránh làm tổ

Lồng là một cách chắc chắn để tăng độ phức tạp của code của bạn và làm cho nó khó đọc và hiểu hơn nhiều. Cân nhắc cấu trúc lại nếu nó sâu hơn hai cấp, bằng cách có các điều kiện trả về cấp gốc, các khối ngắn hơn và trừu tượng hóa logic lồng vào các chức năng của riêng nó.

8. Nhận xét tất cả mã không điển hình, nhưng đừng để nó thay thế khả năng đọc của code

Sẽ có lúc bạn phải xử lý các tình huống không phổ biến mà không có các quy ước được thiết lập. Nhận xét mã này để giúp giải thích những gì nó làm và bối cảnh đang được xem xét sẽ giúp ích rất nhiều cho các lập trình viên khác cũng như là một lời nhắc nhở cho chính bạn khi bạn quay lại mã trong tương lai. Nhưng điều này không nên được sử dụng như một cái nạng vì không suy nghĩ kỹ về việc viết mã có thể đọc được ngay từ đầu!