Hướng dẫn javascript style guide
Luôn sử dụng một quy ước viết code cho tất cả các dự án JavaScript. Show
Các quy ước code là các hướng dẫn phong cách lập trình. Chúng thông thường bao gồm:
Quy ước lập trình khiến chất lượng code được đảm bảo:
Các quy ước code có thể là các quy tắc được tài liệu hóa cho các nhóm làm theo, hoặc chỉ là sự luyện tập cá nhân của bạn. Trang này thể hiện các quy ước phổ biến trong các quy ước code trong JavaScript. Bạn cũng nên đọc chương tiếp theo "Các luyện tập tốt nhất(Best Practices)", và học cách tránh các bẫy về
code. Tên biếnTrong W3school chúng ta dùng camelCase cho việc xác đinh tên (biến và hàm). Tất cả các tên bắt đầu bằng một chữ cái. Ở cuối của trang này, bạn sẽ tìm thấy các bàn luận rộng hơn về các quy tắc đặt tên.
Khoảng trắng quanh các toán tử
ví dụ
Thụt đầu dòng code
hàm:
Không sử dụng tab cho việc thụt đầu dòng. Các trình biên dịch khác nhau dịch các tab theo các cách khác
nhau. Các quy tắc về cú phápCác quy tắc dùng cho các câu lệnh đơn giản:
ví dụ
Các quy tắc chung cho các câu lệnh phức tạp(ghép) :
Hàm:
Vòng lặp
Câu điều kiện
Các quy tắc của đối tượng(object)Các quy tắc dung cho việc định nghĩa đối tượng:
ví dụ
Độ dài của một dòng < 80
Nếu một câu lệnh JavaScript không vừa trên một dòng, nơi tốt nhất để ngắt nó, là sau một toán tử hoặc một dấu phẩy. ví dụ
Các quy ước đặt tên(Naming Conventions)
Bạn có nên sử dụng gạch-nối, camelCase, hoặc dấu_gạch_dưới trong các tên biến không? Đây là một câu hỏi mà các lập trình viên thường xuyên thảo luận. Kết quả phụ thuộc vào người mà bạn hỏi: Các dấu gạch ngang trong HTML và CSS(Hyphens in HTML and CSS): Các thuộc tính HTML5 có thể bắt đầu bằng dữ liệu-(data-) (data-quantity, data-price). CSS dùng các dấu gạch ngang trong các tên thuộc tính (font-size). Các dấu gạch ngang có thể bị nhầm như một phép trừ. Dấu gạch ngang không cho phép trong đặt tên của JavaScript. Dấu gạch dưới(Underscrores): PascalCase: PascalCase thường được ưa thích bởi các lập trình viên C. camelCase: camelCase được dùng bởi chính JavaScript, với jQuery, và các thư viện JavaScript khác. Đừng bắt đầu các tên bằng một dấu $. Nó sẽ khiến bạn bị xung đột với nhiều tên thư viện của JavaScript. Tải lên JavaScript trong HTMLDùng cú pháp đơn giản cho việc tải lên các script bên ngoài (kiểu của thành phần là không cần thiết).
Truy cập các thành phần HTML
Hai dòng lệnh JavaScript này sẽ dẫn đến hai kết quả khác nhau
Các file mở rộng(File Extensions)Các file HTML nên có một đuôi mở rộng là .html (không phải .htm). Các file CSS nên có một đuôi mở rộng là .css Các file JavaScript nên có một đuôi mở rộng là .js. Sử dụng các tên file viết thường.Hầu hết các máy chủ web (Apache, Unix) đều là phân biệt hoa thường với các tên file: london.jpg không thể được truy cập như London.jpg. Các máy chủ khác (Microsoft, IIS) không phân biệt hoa thường: london.jpg có thể được truy cập như London.jpg hay london.jpg. Nếu bạn sử dụng kết hợp chữ hoa và chữ thường, bạn phải cực kì nhất quán. Nếu bạn di chuyển từ một máy chủ không phân biệt hoa thường, sang một máy chủ phân biệt hoa thường, kể cả một lỗi nhỏ có thể làm hỏng trang web của bạn. Để tránh các lỗi này, luôn dùng các tên file viết thường (nếu có thể). Hiệu năngCác quy ước code không được sử dụng bên trong các máy tính. Hầu hết các quy tác có một ảnh hưởng nhỏ trong việc thực thi các chương trình. Sự thụt dòng và khoảng trắng ảnh hưởng không đáng kể trong các tập lệnh nhỏ. Đối với code trong phát triển, khả năng đọc nên được ưu tiên. Các tập lệnh sản xuất lớn hơn nên được giảm thiểu. |