Luôn sử dụng một quy ước viết code cho tất cả các dự án JavaScript.
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.
Trong 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.
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
Luôn đặt các khoảng trắng xung quanh các toán tử ( = + - * /), và sau các dấu phẩy:
var x = y + z;
var values = ["Volvo", "Saab", "Fiat"];
Luôn sử dụng hai khoảng trắng để lùi đầu dòng cho các khối code:
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
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 dùng cho các câu lệnh đơn giản:
var values = ["Volvo", "Saab", "Fiat"];
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Các quy tắc chung cho các câu lệnh phức tạp(ghép) :
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
for (i = 0; i < 5; i++) {
x += i;
}
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
Các quy tắc dung cho việc định nghĩa đối tượng:
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Các đối tượng ngắn có thể được viết nén, trên một dòng, chỉ dùng các khoảng trắng giữa các thuộc tính, như thế này:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Cho khả năng đọc dễ dàng, tránh các dòng dài hơn 80 kí tự.
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.
document.getElementById("demo").innerHTML =
"Hello Dolly.";
<!DOCTYPE html>
<html>
<body>
<h2>My Web Page</h2>
<p>The best place to break a code line is after an operator or a comma.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hello Dolly.";
</script>
</body>
</html>
Luôn sử dụng một quy ước đặt tên giống nhau cho tất cả code của bạn. Ví dụ:
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):
Nhiều lập trình viên ưa thích sử dụng các dấu gạch dưới (date_of_birth), đặt biệt trong các cơ sở dữ liệu SQL.
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.
Dù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).
<script src="myscript.js"></script>
Một kết quả của việc sử dụng các phong cách HTML "không gọn gàng", có thể dẫn đến lỗi JavaScript.
Hai dòng lệnh JavaScript này sẽ dẫn đến hai kết quả khác nhau
var obj = getElementById("Demo")
var obj = getElementById("demo")
Nếu có thể, sử dụng cùng quy ước đặt tên (như JavaScript) trong HTML.
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.
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ể).
Cá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.
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Phát Triển Công Nghệ Gozic.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website