Hướng dẫn JS

JS TRANG CHỦ Giới thiệu JS JS Đến đâu Đầu ra JS Tuyên bố JS Cú pháp JS Bình luận JS Biến JS JS Hãy JS Const Toán tử JS Số học JS Chuyển nhượng JS Các loại dữ liệu JS Các hàm JS Đối tượng JS Sự kiện JS Chuỗi JS Phương thức chuỗi JS Tìm kiếm chuỗi JS Mẫu chuỗi JS Số JS Phương thức số JS Mảng JS Phương thức mảng JS Sắp xếp mảng JS Lặp lại mảng JS JS Array Const JS ngày Định dạng ngày JS Ngày lấy phương thức JS Phương pháp đặt ngày JS Toán JS JS ngẫu nhiên JS Booleans So sánh JS Điều kiện JS Chuyển đổi JS JS Loop cho JS Loop For In JS Loop For Of JS lặp trong khi JS Break JS lặp lại Bộ JS Bản đồ JS JS Typeof Chuyển đổi loại JS JS Bitwise JS RegExp Lỗi JS Phạm vi JS JS Hoists Chế độ nghiêm ngặt JS JS từ khóa này Hàm mũi tên JS Lớp JS JS JSON Gỡ lỗi JS Hướng dẫn kiểu JS Các phương pháp hay nhất về JS JS sai lầm Hiệu suất JS JS dành riêng từ

Phiên bản JS

Phiên bản JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Lịch sử JS

Đối tượng JS

Định nghĩa đối tượng Thuộc tính đối tượng Phương thức đối tượng Hiển thị đối tượng Người truy cập đối tượng Trình tạo đối tượng Nguyên mẫu đối tượng Đối tượng lặp lại Bộ đối tượng Bản đồ đối tượng Tham chiếu đối tượng

Các hàm JS

Định nghĩa hàm Tham số chức năng Lời mời hàm Gọi hàm Áp dụng chức năng Chức năng đóng cửa

Lớp JS

Giới thiệu Lớp học Kế thừa giai cấp Lớp tĩnh

JS Async

Gọi lại JS JS không đồng bộ JS hứa JS Async / Await

JS HTML DOM

Giới thiệu DOM Phương thức DOM Tài liệu DOM Phần tử DOM DOM HTML Các biểu mẫu DOM DOM CSS Hoạt ảnh DOM Sự kiện DOM Trình xử lý sự kiện DOM Điều hướng DOM Nút DOM Bộ sưu tập DOM Danh sách nút DOM

BOM trình duyệt JS

Cửa sổ JS Màn hình JS Vị trí JS Lịch sử JS JS Navigator JS Popup Alert Thời gian JS JS Cookies

API web JS

Giới thiệu API Web API biểu mẫu web API lịch sử web API lưu trữ web API công nhân web API tìm nạp web API vị trí địa lý web

JS AJAX

Giới thiệu về AJAX AJAX XMLHttp Yêu cầu AJAX Phản hồi AJAX Tệp XML AJAX AJAX PHP AJAX ASP Cơ sở dữ liệu AJAX Ứng dụng AJAX Ví dụ về AJAX

JS JSON

Giới thiệu JSON Cú pháp JSON JSON so với XML Các loại dữ liệu JSON Phân tích cú pháp JSON JSON Stringify Đối tượng JSON Mảng JSON Máy chủ JSON JSON PHP HTML JSON JSON JSONP

JS so với jQuery

Bộ chọn jQuery jQuery HTML jQuery CSS jQuery DOM

Đồ họa JS

Đồ họa JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Ví dụ về JS

Ví dụ về JS JS HTML DOM Đầu vào HTML JS Đối tượng HTML JS Sự kiện HTML JS Trình duyệt JS Trình chỉnh sửa JS Bài tập JS JS Quiz Chứng chỉ JS

Tham khảo JS

Đối tượng JavaScript Đối tượng DOM HTML


JavaScript Let

Từ letkhóa đã được giới thiệu trong ES6 (2015) .

Không thể khai báo lại các biến được xác định với let.

Các biến được xác định với letphải được Khai báo trước khi sử dụng.

Các biến được xác định với letcó Phạm vi khối.

Không thể khai báo lại

letKhông thể khai báo lại các biến được xác định với .

Bạn không thể vô tình khai báo lại một biến.

Với letbạn không thể làm điều này:

Thí dụ

let x = "John Doe";

let x = 0;

// SyntaxError: 'x' has already been declared

Với varbạn có thể:

Thí dụ

var x = "John Doe";

var x = 0;

Phạm vi khối

Trước ES6 (2015), JavaScript chỉ có Phạm vi toàn cầu và Phạm vi chức năng .

ES6 đã giới thiệu hai từ khóa JavaScript mới quan trọng: letconst.

Hai từ khóa này cung cấp Phạm vi khối trong JavaScript.

Các biến được khai báo bên trong khối {} không thể được truy cập từ bên ngoài khối:

Thí dụ

{
  let x = 2;
}
// x can NOT be used here

Các biến được khai báo với vartừ khóa KHÔNG được có phạm vi khối.

Các biến được khai báo bên trong khối {} có thể được truy cập từ bên ngoài khối.

Thí dụ

{
  var x = 2;
}
// x CAN be used here

Khai báo lại các biến

Khai báo lại một biến bằng cách sử dụng vartừ khóa có thể gây ra vấn đề.

Khai báo lại một biến bên trong một khối cũng sẽ khai báo lại biến bên ngoài khối:

Thí dụ

var x = 10;
// Here x is 10

{
var x = 2;
// Here x is 2
}

// Here x is 2

Khai báo lại một biến bằng cách sử dụng lettừ khóa có thể giải quyết vấn đề này.

Khai báo lại một biến bên trong một khối sẽ không khai báo lại biến bên ngoài khối:

Thí dụ

let x = 10;
// Here x is 10

{
let x = 2;
// Here x is 2
}

// Here x is 10

Hỗ trợ trình duyệt

Từ letkhóa không được hỗ trợ đầy đủ trong Internet Explorer 11 hoặc phiên bản cũ hơn.

Bảng sau xác định các phiên bản trình duyệt đầu tiên có hỗ trợ đầy đủ cho lettừ khóa:

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Mar, 2016 Jul, 2015 Jan, 2015 Sep, 2017 Mar, 2016


Khai báo lại

Khai báo lại một biến JavaScript với varđược cho phép ở bất kỳ đâu trong chương trình:

Thí dụ

var x = 2;
// Now x is 2

var x = 3;
// Now x is 3

Với let, việc khai báo lại một biến trong cùng một khối KHÔNG được phép:

Thí dụ

var x = 2;    // Allowed
let x = 3;    // Not allowed

{
let x = 2;    // Allowed
let x = 3     // Not allowed
}

{
let x = 2;    // Allowed
var x = 3     // Not allowed
}

Khai báo lại một biến với let, trong một khối khác, IS cho phép:

Thí dụ

let x = 2;    // Allowed

{
let x = 3;    // Allowed
}

{
let x = 4;    // Allowed
}

Cho phép nâng

Các biến được xác định bằng varđược nâng lên trên cùng và có thể được khởi tạo bất kỳ lúc nào.

Ý nghĩa: Bạn có thể sử dụng biến trước khi nó được khai báo:

Thí dụ

Điều này là OK:

carName = "Volvo";
var carName;

Nếu bạn muốn tìm hiểu thêm về hoists, hãy nghiên cứu chương JavaScript Hoisting .

Các biến được xác định với letcũng được đưa lên đầu khối, nhưng không được khởi tạo.

Ý nghĩa: Sử dụng một letbiến trước khi nó được khai báo sẽ dẫn đến ReferenceError:

Thí dụ

carName = "Saab";
let carName = "Volvo";