Coding Conventions trong Javascript

Coding conventions là một quy ước chung đặt ra cho lập trình viên. Nó thường bao gồm:

Coding conventions có thể là một quy tắc được đặt ra cho team hoặc bản thân mình thực hiện theo để việc code có quy tắc và chuyên nghiệp hơn.

1. Tên biến

firstName = "John";
lastName = "Doe";

price = 19.90;
tax = 0.20;

fullPrice = price + (price * tax);

var x = y + z;
var newArray = ["Hi", "Hello", "Goodbye"];

var x = y + z;
var newArray = ["Hi", "Hello", "Goodbye"];

var values = ["Volvo", "Saab", "Fiat"];

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
}

if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Với các object ngắn, chúng ta có thể viết trên một dòng, chỉ sử dụng khoảng trắng để ngăn cách các thuộc tính. Ví dụ:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Để dễ đọc, tránh độ dài một dòng dài hơn 80 ký tự
Nếu câu lệnh javascript quá dài, không đủ trên một dòng thì nên ngắt xuống dòng sau một toán tử hoặc dấu phẩy

document.getElementById("demo").innerHTML =
"Hello Dolly.";

Các thuộc tính HTML5 có thể bắt đầu với dữ liệu -
CSS sử dụng dấu -trong tên thuộc tính (font-size)
Note: Dấu -có thể nhầm lẫn thành toán tử trừ nên trong Javascript không có dấu - khi đặt tên.

Nhiều lập trình viên thích sử dụng dấu gạch dưới _ đặc biệt là trong cơ sở dữ liệu.
Dấu gạch dưới thường được sử dụng trong tài liệu PHP

camelCase được sử dụng bởi JavaScript, jQuery và các thư viện JavaScript khác.
Note: Đừng bắt đầu tên bằng dấu $. Điều đó sẽ đặt bạn vào cuộc xung đột với nhiều tên thư viện của JavaScript.

<script src="myscript.js"></script>

var obj = getElementById("Demo")

var obj = getElementById("demo")

Note: Nếu có thể, hãy sử dụng quy ước đặt tên trong HTML tương tự như JavaScript.

Hầu hết các máy chủ web (Apache, Unix) đều phân biệt chữ hoa chữ thường về tên tệp
london.jpg khác London.jpg
Các máy chủ web khác (Microsoft, IIS) không phân biệt chữ hoa chữ thường
london.jpg có thể được truy cập như 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 chuyển từ một máy chủ không phân biệt chữ hoa chữ thường sang một máy chủ phân biệt chữ hoa chữ thường, ngay cả những lỗi nhỏ cũng có thể phá vỡ trang web của bạn.
Note: Để tránh những vấn đề này, luôn luôn sử dụng tên tệp chữ thường (nếu có thể).

Các quy ước được đặt ra bởi team phát triển trong dự án nên hầu hết ít tác động đến việc thực hiện các chương trình.
Sự thụt lề và khoảng trắng thừa không đáng kể trong các tập lệnh nhỏ.