JavaScript Style Guide and Coding Conventions

Bài đăng này đã không được cập nhật trong 4 năm

JavaScript Coding Conventions

Ví dụ như sau:

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

price = 19.90;
tax = 0.20;

fullPrice = price + (price * tax);

Luôn luôn đặt khoảng trắng trước sau với các toán tử và sau dấu phẩy
```
var x = y + z;
var newArray = ["Hi", "Hello", "Goodbye"];
```

Luôn luôn sử dụng hai khoảng trắng để thụt lề một khối code
```
var x = y + z;
var newArray = ["Hi", "Hello", "Goodbye"];
```
Note: Không sủư dụng tabđể thụt lề

Các quy tắc chung đơn giản:

Luôn luôn kết thúc dòng lệnh bằng dấu chấm phẩy

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

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

Ví dụ:

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.";
```

Luôn luôn sử dụng quy tắc đặt tên cho tất cả code của bạn.
Ví dụ:
- Tên biến và hàm được viết theo quy tắc camelCase
- Các biến toàn cục viết hoa (không bắt buộc nhưng nó là phổ biến)
- Hằng số được viết hoa
Nên sử dụng hyp-hens, camelCase, hay under_scores trong tên biến?

=> Đây là câu hỏi thường được hỏi và câu trả lời phụ thuộc vào người bạn hỏi.

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.

Sử dụng cú pháp đơn giản để tải một file bên ngoài
```
<script src="myscript.js"></script>
```

Hậu quả của việc sử dụng HTML "untidy" có thể dẫn đến lỗi javascript
Hai câu lệnh JavaScript sau sẽ tạo ra hai kết quả khác nhau
```
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ỏ.