Hướng dẫn how do you write a good javascript? - làm thế nào để bạn viết một javascript tốt?

Tránh các biến toàn cầu, tránh new, tránh ==, tránh eval()

Tránh các biến toàn cầu

Giảm thiểu việc sử dụng các biến toàn cầu.

Điều này bao gồm tất cả các loại dữ liệu, đối tượng và chức năng.

Các biến và chức năng toàn cầu có thể được ghi đè bởi các tập lệnh khác.

Thay vào đó, sử dụng các biến cục bộ và tìm hiểu cách sử dụng đóng cửa.

Luôn khai báo các biến cục bộ

Tất cả các biến được sử dụng trong một hàm phải được khai báo là các biến cục bộ.local variables.

Các biến cục bộ phải được khai báo với từ khóa var, let hoặc từ khóa const, nếu không chúng sẽ trở thành các biến toàn cầu.must be declared with the var, the let, or the const keyword, otherwise they will become global variables.

Chế độ nghiêm ngặt không cho phép các biến không được khai báo.

Tuyên bố trên đầu

Đó là một thực tiễn mã hóa tốt để đặt tất cả các khai báo ở đầu mỗi tập lệnh hoặc hàm.

Điều này sẽ:

• Cho mã sạch hơn
• Cung cấp một nơi duy nhất để tìm kiếm các biến cục bộ
• Làm cho nó dễ dàng hơn để tránh các biến toàn cầu không mong muốn (ngụ ý)
• Giảm khả năng khai báo lại không mong muốn

// khai báo lúc đầu, hãy để FirstName, LastName, Giá, Giảm giá, FullPrice;
let firstName, lastName, price, discount, fullPrice;

// sử dụng laterfirstname = "john"; lastName = "doe";
firstName = "John";
lastName = "Doe";

Giá = 19,90; giảm giá = 0,10;
discount = 0.10;

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:

for (let i = 0; i <5; i ++) {

Khởi tạo các biến

Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.

Điều này sẽ:

• Cho mã sạch hơn
• Cung cấp một nơi duy nhất để tìm kiếm các biến cục bộ
• Làm cho nó dễ dàng hơn để tránh các biến toàn cầu không mong muốn (ngụ ý)

Giảm khả năng khai báo lại không mong muốn
let firstName = "";
let lastName = "";
let price = 0;
let discount = 0;
let fullPrice = 0,
const myArray = [];
const myObject = {};

// khai báo lúc đầu, hãy để FirstName, LastName, Giá, Giảm giá, FullPrice;

// sử dụng laterfirstname = "john"; lastName = "doe";const

Giá = 19,90; giảm giá = 0,10;

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:
car = "Fiat";      // Changes object to string

for (let i = 0; i <5; i ++) {
car = "Fiat";      // Not possible

Khởi tạo các biếnconst

Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:
cars = 3;    // Changes array to number

for (let i = 0; i <5; i ++) {
cars = 3;    // Not possible

Khởi tạo các biến

• Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.
• Cung cấp một nơi duy nhất để khởi tạo các biến
• Tránh các giá trị không xác định
• // khai báo và bắt đầu lúc đầu hãy để FirstName = ""; để lastName = ""; Đặt giá = 0; Để giảm giá = 0; Đặt fullprice = 0, const myArray = []; const myObject = {};
• Khởi tạo các biến cung cấp một ý tưởng về việc sử dụng dự định (và kiểu dữ liệu dự định).
• Khai báo các đối tượng với const
• Tuyên bố các đối tượng có const sẽ ngăn chặn bất kỳ thay đổi ngẫu nhiên nào của loại:

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:
let x2 = 0;              // new primitive number
let x3 = false;          // new primitive boolean
const x4 = {};           // new object
const x5 = [];           // new array object
const x6 = /()/;         // new regexp object
const x7 = function(){}; // new function object

for (let i = 0; i <5; i ++) {

Khởi tạo các biến

Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.

Cung cấp một nơi duy nhất để khởi tạo các biến

Tránh các giá trị không xác định

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:
x = 5;               // changes typeof x to a number

for (let i = 0; i <5; i ++) {

Khởi tạo các biến

Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.

fullprice = giá - giảm giá;

Điều này cũng phù hợp với các biến vòng lặp:
let x = 5 + "7";     // x.valueOf() is 57,  typeof x is a string
let x = "5" + 7;     // x.valueOf() is 57,  typeof x is a string
let x = 5 - 7;       // x.valueOf() is -2,  typeof x is a number
let x = 5 - "7";     // x.valueOf() is -2,  typeof x is a number
let x = "5" - 7;     // x.valueOf() is -2,  typeof x is a number
let x = 5 - "x";     // x.valueOf() is NaN, typeof x is a number

for (let i = 0; i <5; i ++) {

Khởi tạo các biến

Đó là một thực tiễn mã hóa tốt để khởi tạo các biến khi bạn khai báo chúng.

Cung cấp một nơi duy nhất để khởi tạo các biến

Toán tử eval()3 buộc so sánh các giá trị và loại:

Thí dụ

0 == ""; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // true 1 == "1"; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // true 1 == true; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // thật
1 == "1";       // true
1 == true;      // true

0 === ""; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Sai 1 === "1"; & nbsp; & nbsp; & nbsp; // Sai 1 === true; & nbsp; & nbsp; & nbsp; & nbsp; // sai
1 === "1";      // false
1 === true;     // false

Hãy tự mình thử »

Sử dụng tham số mặc định

Nếu một hàm được gọi với một đối số bị thiếu, giá trị của đối số bị thiếu được đặt thành eval()4.

Các giá trị không xác định có thể phá vỡ mã của bạn. Đó là một thói quen tốt để gán các giá trị mặc định cho các đối số.

Thí dụ

0 == ""; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // true 1 == "1"; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // true 1 == true; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // thật
  if (y === undefined) {
    y = 0;
  }
}

Hãy tự mình thử »

Sử dụng tham số mặc định

Nếu một hàm được gọi với một đối số bị thiếu, giá trị của đối số bị thiếu được đặt thành eval()4.

Các giá trị không xác định có thể phá vỡ mã của bạn. Đó là một thói quen tốt để gán các giá trị mặc định cho các đối số.

hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 0; & nbsp; }}

ECMAScript 2015 cho phép các tham số mặc định trong định nghĩa chức năng:

Thí dụ

hàm (a = 1, b = 1) {& nbsp;/*mã chức năng*/}
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
    day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
  default:
    day = "Unknown";
}

Hãy tự mình thử »

Sử dụng tham số mặc định

Nếu một hàm được gọi với một đối số bị thiếu, giá trị của đối số bị thiếu được đặt thành eval()4.

Các giá trị không xác định có thể phá vỡ mã của bạn. Đó là một thói quen tốt để gán các giá trị mặc định cho các đối số.

Thí dụ

hàm myfunction (x, y) {& nbsp; if (y === không xác định) {& nbsp; & nbsp; & nbsp; y = 0; & nbsp; }}
let y = new String("John");
(x === y) // is false because x is a string and y is an object.

Hãy tự mình thử »

Sử dụng tham số mặc định

Thí dụ

Nếu một hàm được gọi với một đối số bị thiếu, giá trị của đối số bị thiếu được đặt thành eval()4.
let y = new String("John");
(x == y) // is false because you cannot compare objects.

Hãy tự mình thử »

Sử dụng tham số mặc định

Nếu một hàm được gọi với một đối số bị thiếu, giá trị của đối số bị thiếu được đặt thành eval()4.

Các giá trị không xác định có thể phá vỡ mã của bạn. Đó là một thói quen tốt để gán các giá trị mặc định cho các đối số.

Làm thế nào để bạn viết đẹp trong JavaScript?

Làm thế nào để bạn cấu trúc javascript?

5 điều JavaScript có thể làm là gì?

JavaScript có dễ viết không?