Tại sao JavaScript phải ở dưới cùng?

trình duyệt web IE

Để cho phép tất cả các trang web trong vùng Internet chạy tập lệnh trong Internet Explorer

1. Trên trình đơn trình duyệt web, nhấp vào Công cụ hoặc biểu tượng "Công cụ" (trông giống bánh răng) và chọn Tùy chọn Internet
   

2. Khi cửa sổ "Tùy chọn Internet" mở ra, hãy chọn tab Bảo mật

3. Trên tab "Bảo mật", đảm bảo rằng vùng Internet được chọn, sau đó nhấp vào tùy chọn "Mức tùy chỉnh. " cái nút
   

4. Trong hộp thoại Cài đặt bảo mật – Vùng Internet, hãy nhấp vào Bật cho Active Scripting trong phần Scripting.  
   

5. Khi "Cảnh báo. " cửa sổ mở ra và hỏi: "Bạn có chắc chắn muốn thay đổi cài đặt cho vùng này không?" chọn Có

6. Nhấp vào OK ở cuối cửa sổ Tùy chọn Internet để đóng hộp thoại

7. Nhấp vào nút Làm mới để làm mới trang và chạy tập lệnh
   

Để cho phép tạo tập lệnh trên một trang web cụ thể, trong khi tắt tập lệnh trong vùng Internet, hãy thêm trang Web cụ thể vào vùng Trang web đáng tin cậy

1. Trên trình đơn trình duyệt web, hãy nhấp vào Công cụ hoặc biểu tượng "Công cụ" (trông giống bánh răng) và chọn Tùy chọn Internet
   

2. Khi cửa sổ "Tùy chọn Internet" mở ra, hãy chọn tab Bảo mật

3. Trên tab "Bảo mật", hãy chọn vùng Trang web đáng tin cậy rồi nhấp vào nút Trang web
   

4. Đối với (các) trang web mà bạn muốn cho phép tạo tập lệnh, hãy nhập địa chỉ vào hộp văn bản Thêm trang web này vào vùng và nhấp vào Thêm. Ghi chú. Nếu địa chỉ không bắt đầu bằng "https. ", nhiều bạn cần bỏ chọn "Yêu cầu xác minh máy chủ (https. ) cho tất cả các trang web trong khu vực này".  
   

5. Nhấp vào Đóng rồi nhấp vào OK ở cuối cửa sổ Tùy chọn Internet để đóng hộp thoại

6. Nhấp vào nút Làm mới để làm mới trang và chạy tập lệnh
   

Google Chrome

Để bật JavaScript trong Google Chrome, vui lòng xem lại và làm theo hướng dẫn được cung cấp tại Bật JavaScript trong trình duyệt của bạn để xem quảng cáo trên trang web của bạn

Firefox của tập đoàn Mozilla

Để bật JavaScript trong Firefox, vui lòng xem lại và làm theo hướng dẫn được cung cấp tại Cài đặt JavaScript cho các trang web tương tác

Biến cục bộ phải được khai báo bằng từ khóa var, let hoặc const, nếu không chúng sẽ trở thành biến toàn cục

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 trang

Thực hành viết mã tốt là đặ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ẽ

• Cung cấp 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 (ngụ ý) không mong muốn
• Giảm khả năng khai báo lại không mong muốn

// Khai báo ngay từ đầu
đặt FirstName, lastName, giá, chiết khấu, fullPrice;

// Sử dụng sau
firstName = "John";
lastName = "Doe";

giá = 19. 90;
giảm giá = 0. 10;

fullPrice = giá - chiết khấu;

Điều này cũng áp dụng cho các biến vòng lặp

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

Khởi tạo biến

Đó là một thực hành 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ẽ

• Cung cấp mã sạch hơn
• 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à khởi tạo từ đầu
hãy để firstName = "";
hãy để lastName = "";
để giá = 0;
để chiết khấu = 0;
đặt giá đầy đủ = 0,
const myArray = [];
const myObject = {};

Việc khởi tạo biến cung cấp ý tưởng về mục đích sử dụng (và kiểu dữ liệu dự kiến)

Khai báo các đối tượng với const

Khai báo các đối tượng với const sẽ ngăn chặn bất kỳ sự thay đổi loại ngẫu nhiên nào

Thí dụ

để xe = {loại. "Fiat", mô hình. "500", màu. "trắng"};
xe hơi = "Fiat";

const xe = {loại. "Fiat", mô hình. "500", màu. "trắng"};
xe hơi = "Fiat";

Khai báo mảng với const

Khai báo mảng với const sẽ ngăn chặn bất kỳ sự thay đổi kiểu ngẫu nhiên nào

Thí dụ

để ô tô = ["Saab", "Volvo", "BMW"];
ô tô = 3;

const xe = ["Saab", "Volvo", "BMW"];
ô tô = 3;

Không sử dụng đối tượng mới()

• Sử dụng "" thay vì new String()
• Sử dụng 0 thay vì new Number()
• Sử dụng ==0 thay vì ==1
• Sử dụng ==2 thay vì ==3
• Sử dụng ==4 thay vì ==5
• Sử dụng ==6 thay vì ==7
• Sử dụng ==8 thay vì ==9

Thí dụ

cho x1 = "";
cho x2 = 0;
đặt x3 = sai;
const x4 = {};
const x5 = [];
const x6 = /()/;
const x7 = hàm(){};

Cẩn thận với chuyển đổi loại tự động

JavaScript được gõ lỏng lẻo

Một biến có thể chứa tất cả các kiểu dữ liệu

Một biến có thể thay đổi kiểu dữ liệu của nó

Thí dụ

hãy để x = "Xin chào";
x = 5;

Lưu ý rằng các số có thể vô tình được chuyển đổi thành chuỗi hoặc eval()0 (Không phải là số)

Khi thực hiện các phép toán, JavaScript có thể chuyển đổi số thành chuỗi

Thí dụ

gọi x = 5 + 7; . valueOf() là 12,  typeof x là một số
đặt x = 5 + "7"; . valueOf() là 57,  typeof x là một chuỗi
cho x = "5" + 7; . valueOf() là 57,  typeof x là một chuỗi
cho x = 5 - 7; . valueOf() là -2,  typeof x là một số
đặt x = 5 - "7"; . valueOf() là -2,  typeof x là một số
cho x = "5" - 7; . valueOf() là -2,  typeof x là một số
đặt x = 5 - "x"; . valueOf() là NaN, typeof x là một số

Trừ một chuỗi từ một chuỗi, không tạo ra lỗi nhưng trả về eval()0 (Không phải là số)

Sử dụng === So sánh

Toán tử so sánh == luôn chuyển đổi (thành các loại phù hợp) trước khi so sánh

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

Thí dụ

0 == "";
1 == "1";
1 == đúng;

0 === "";
1 === "1";
1 === đúng;

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

Nếu một hàm được gọi với một đối số bị thiếu, thì giá trị của đối số bị thiếu sẽ đượ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ố

ECMAScript 2015 cho phép tham số mặc định trong định nghĩa hàm

hàm (a=1, b=1) { /*mã hàm*/ }

Đọc thêm về tham số hàm và đối số tại Tham số hàm

Kết thúc công tắc của bạn với mặc định

Luôn kết thúc câu nói eval()5 của bạn bằng eval()6. Ngay cả khi bạn nghĩ rằng không cần nó

Thí dụ

chuyển đổi (Ngày mới(). getDay()) {
trường hợp 0
ngày = "Chủ Nhật";
nghỉ;
trường hợp 1
ngày = "Thứ Hai";
nghỉ;
trường hợp 2
day = "Thứ Ba";
nghỉ;
trường hợp 3
ngày = "Thứ Tư";
nghỉ;
trường hợp 4
ngày = "Thứ năm";
nghỉ;
trường hợp 5
ngày = "Thứ Sáu";
nghỉ;
trường hợp 6
ngày = "thứ bảy";
nghỉ;
vỡ nợ
ngày = "Không xác định";
}

Tránh Số, Chuỗi và Boolean làm Đối tượng

Luôn coi số, chuỗi hoặc booleans là giá trị nguyên thủy. Không phải là đối tượng

Khai báo các loại này dưới dạng đối tượng, làm chậm tốc độ thực thi và tạo ra các tác dụng phụ khó chịu

Thí dụ

cho x = "John";
hãy để y = chuỗi mới ("John");
(x === y) // sai vì x là chuỗi còn y là đối tượng

Hoặc thậm chí tệ hơn

Thí dụ

hãy để x = chuỗi mới ("John");
hãy để y = chuỗi mới ("John");
(x == y) // sai vì bạn không thể so sánh các đối tượng

Tránh sử dụng eval()

Hàm eval() được sử dụng để chạy văn bản dưới dạng mã. Trong hầu hết các trường hợp, không cần thiết phải sử dụng nó

Tại sao chúng tôi đặt JavaScript ở cuối trang?

JavaScript nên ở đầu hay cuối trang?

Tại sao lại đặt các tham chiếu JavaScript ở dưới cùng của HTML?

Tại sao chúng ta thường thêm JS vào phần cuối của nội dung?