Hướng dẫn naming variables in javascript - đặt tên biến trong javascript

Luôn luôn sử dụng các quy ước mã hóa tương tự cho tất cả các dự án JavaScript của bạn.

Nội phân chính

• Quy ước mã hóa JavaScript
• Tên biến
• Không gian xung quanh các nhà khai thác
• Mã thụt mã
• Quy tắc tuyên bố
• Conditionals:
• Quy tắc đối tượng
• Chiều dài dòng <80
• Đặt tên quy ước
• Đang tải JavaScript trong HTML
• Truy cập các yếu tố HTML
• Tiện ích mở rộng tệp
• Sử dụng tên tệp chữ thường
• Màn biểu diễn

Quy ước mã hóa JavaScript

Tên biếnstyle guidelines for programming. They typically cover:

• Không gian xung quanh các nhà khai thác
• Mã thụt mã
• Quy tắc tuyên bố

Quy tắc đối tượngsecure quality:

• Chiều dài dòng <80
• Đặt tên quy ước

Đang tải JavaScript trong HTML

Truy cập các yếu tố HTML
You should also read the next chapter "Best Practices", and learn how to avoid coding pitfalls.

Tên biến

Không gian xung quanh các nhà khai tháccamelCase for identifier names (variables and functions).

Mã thụt mãletter.

Quy tắc tuyên bố

Quy tắc đối tượng
lastName = "Doe";

Chiều dài dòng <80
tax = 0.20;

Đặt tên quy ước

Không gian xung quanh các nhà khai thác

Mã thụt mã

Examples:

Quy tắc tuyên bố
const myArray = ["Volvo", "Saab", "Fiat"];

Mã thụt mã

Quy tắc tuyên bố

Functions:

Quy tắc đối tượng
  return (5 / 9) * (fahrenheit - 32);
}

Chiều dài dòng <80

Quy tắc tuyên bố

Quy tắc đối tượng

• Chiều dài dòng <80

Examples:

Đặt tên quy ước

Đang tải JavaScript trong HTML
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Truy cập các yếu tố HTML

• Tiện ích mở rộng tệp
• Sử dụng tên tệp chữ thường
• Màn biểu diễn
• Các quy ước mã hóa là hướng dẫn phong cách để lập trình. Họ thường bao gồm:

Functions:

Đặt tên và quy tắc khai báo cho các biến và chức năng.
  return (5 / 9) * (fahrenheit - 32);
}

Loops:

Các quy tắc cho việc sử dụng không gian trắng, thụt lề và bình luận.
  x += i;
}

Conditionals:

Thực tiễn lập trình và nguyên tắc.
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Quy tắc đối tượng

Chiều dài dòng <80

• Đặt tên quy ước
• Đang tải JavaScript trong HTML
• Truy cập các yếu tố HTML
• Tiện ích mở rộng tệp
• Sử dụng tên tệp chữ thường
• Màn biểu diễn

Các quy ước mã hóa là hướng dẫn phong cách để lập trình. Họ thường bao gồm:

Đang tải JavaScript trong HTML
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Truy cập các yếu tố HTML

Tiện ích mở rộng tệp

Chiều dài dòng

Đặt tên quy ước

Đang tải JavaScript trong HTML

Các quy ước mã hóa là hướng dẫn phong cách để lập trình. Họ thường bao gồm:

Đặt tên và quy tắc khai báo cho các biến và chức năng.
"Hello Dolly.";

Các quy tắc cho việc sử dụng không gian trắng, thụt lề và bình luận.

Đặt tên quy ước

Đang tải JavaScript trong HTML

• Truy cập các yếu tố HTMLcamelCase
• Tiện ích mở rộng tệpUPPERCASE (We don't, but it's quite common)
• Sử dụng tên tệp chữ thườngUPPERCASE

Màn biểu diễnhyp-hens, camelCase, or under_scores in variable names?

Các quy ước mã hóa là hướng dẫn phong cách để lập trình. Họ thường bao gồm:

Đặt tên và quy tắc khai báo cho các biến và chức năng.

Các quy tắc cho việc sử dụng không gian trắng, thụt lề và bình luận.

Thực tiễn lập trình và nguyên tắc.

Quy ước mã hóa Chất lượng an toàn:

Underscores:

Cải thiện khả năng đọc mã

Làm cho bảo trì mã dễ dàng hơn

PascalCase:

Các quy ước mã hóa có thể được ghi lại các quy tắc cho các nhóm tuân theo, hoặc chỉ là thực hành mã hóa cá nhân của bạn.

camelCase:

Trang này mô tả các quy ước mã JavaScript chung được sử dụng bởi W3Schools. Bạn cũng nên đọc chương tiếp theo "Thực tiễn tốt nhất" và học cách tránh những cạm bẫy mã hóa.

Tại W3Schools, chúng tôi sử dụng Camelcase cho tên định danh (biến và hàm).

Đang tải JavaScript trong HTML

Truy cập các yếu tố HTML

Truy cập các yếu tố HTML

Hậu quả của việc sử dụng các kiểu HTML "không gọn gàng", có thể dẫn đến các lỗi JavaScript.

Hai câu lệnh JavaScript này sẽ tạo ra kết quả khác nhau:

const obj = getEuityByid ("demo")

const obj = getEuityByid ("demo")

Nếu có thể, hãy sử dụng cùng một quy ước đặt tên (như JavaScript) trong HTML.

Ghé thăm Hướng dẫn kiểu HTML.

Tiện ích mở rộng tệp

Các tệp HTML nên có phần mở rộng .html (.htm được cho phép).

Các tập tin CSS nên có phần mở rộng .CSS..html extension (.htm is allowed).

Các tệp JavaScript nên có phần mở rộng .js..css extension.

Sử dụng tên tệp chữ thường.js extension.

Hầu hết các máy chủ web (Apache, UNIX) đều nhạy cảm với tên tệp:

London.jpg không thể được truy cập như London.jpg.

Các máy chủ web khác (Microsoft, IIS) không nhạy cảm với trường hợp:

London.jpg có thể được truy cập dưới dạng London.jpg hoặc London.jpg.

Nếu bạn sử dụng hỗn hợp trên và chữ thường, bạn phải cực kỳ nhất quán.

Nếu bạn chuyển từ một trường hợp không nhạy cảm, sang một máy chủ nhạy cảm với trường hợp, ngay cả các lỗi nhỏ cũng có thể phá vỡ trang web của bạn.

Để 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ể).

Màn biểu diễn

Các quy ước mã hóa không được sử dụng bởi máy tính. Hầu hết các quy tắc có ít tác động đến việc thực hiện các chương trình.

Thắng và không gian thêm không có ý nghĩa trong các kịch bản nhỏ.

Đối với mã trong phát triển, khả năng đọc nên được ưu tiên. Các kịch bản sản xuất lớn hơn nên được giảm thiểu.

For code in development, readability should be preferred. Larger production scripts should be minimized.