Hướng dẫn intermediate javascript - javascript trung gian

Giới thiệu

Tổng quan: Giới thiệu

• Về sự hướng dẫn này
• Về JavaScript
• JavaScript và Java
• Ecmascript
• Công cụ
• Chào thế giới

Ngữ pháp và các loại

Tổng quan: Ngữ pháp và các loại

• Cú pháp và bình luận cơ bản
• Tuyên bố
• Phạm vi biến đổi
• Tăng cường biến
• Cấu trúc và loại dữ liệu
• Nghĩa đen

Kiểm soát luồng và xử lý lỗi

Tổng quan: Xử lý luồng và xử lý lỗi

• console.log["Hello, world"];
  console.log["你好，世界！"]; // Nearly all Unicode characters can be written literally in string literals
  

  6

• console.log["Hello, world"];
  console.log["你好，世界！"]; // Nearly all Unicode characters can be written literally in string literals
  

  7
• ________ 58/________ 59/________ 60
• Đối tượng lỗi

Vòng lặp và lặp lại

Tổng quan: Vòng lặp và Lặp lại

• console.log["Hello"[1] === "e"]; // true
  

  1

• console.log["Hello"[1] === "e"]; // true
  

  2

• console.log["Hello"[1] === "e"]; // true
  

  3

• console.log["Hello"[1] === "e"]; // true
  

  4

• console.log["Hello"[1] === "e"]; // true
  

  5

• console.log["Hello"[1] === "e"]; // true
  

  6

• console.log["Hello"[1] === "e"]; // true
  

  7

Chức năng

Tổng quan: Chức năng

• Xác định chức năng
• Gọi chức năng
• Phạm vi chức năng
• Đóng cửa
• Đối số & tham số
• Hàm mũi tên

Biểu thức và toán tử

Tổng quan: Biểu thức và toán tử

• Phân công & so sánh
• Toán tử số học
• Các nhà khai thác bitwise & logic
• Nhà điều hành có điều kiện [ternary]

Số và ngày

Tổng quan: Số và ngày

• Số chữ
• Đối tượng

  console.log["Hello"[1] === "e"]; // true
  

  8
• Đối tượng

  console.log["Hello"[1] === "e"]; // true
  

  9
• Đối tượng

  const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  0

Định dạng văn bản

Tổng quan: Định dạng văn bản

• Chuỗi chữ
• Đối tượng

  const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  1
• Mẫu chữ
• Quốc tế hóa
• Biểu cảm thường xuyên

Bộ sưu tập được lập chỉ mục

Tổng quan: Bộ sưu tập được lập chỉ mục

• Mảng
• Gõ mảng

Bộ sưu tập khóa

Tổng quan: Bộ sưu tập khóa

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  2

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  3

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  4

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  5

Làm việc với các đối tượng

Tổng quan: Làm việc với các đối tượng

• Đối tượng và thuộc tính
• Tạo đối tượng
• Xác định phương pháp
• Getter và setter

Sử dụng các lớp học

Tổng quan: Sử dụng các lớp

• Tuyên bố một lớp học
• Các tính năng lớp khác nhau
• Mở rộng và thừa kế
• Tại sao các lớp học?

Hứa hẹn

Tổng quan: Lời hứa

• Đảm bảo
• Chuỗi
• Sự truyền lỗi
• Thành phần
• Thời gian

Tererators và máy phát điện

Tổng quan: Trình lặp và máy phát điện

• Trình lặp
• Vòng lặp
• Máy phát điện

Lập trình meta

Tổng quan: Lập trình meta

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  6
• Người xử lý và bẫy
• Proxy có thể hủy bỏ

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  7

Mô -đun JavaScript

Tổng quan: Mô -đun JavaScript

• Xuất khẩu
• Nhập khẩu
• Xuất khẩu mặc định
• Đổi tên các tính năng
• Các mô -đun tổng hợp
• Tải mô -đun động

• Tiếp theo "

Loại dữ liệu

Hãy bắt đầu bằng cách nhìn vào các khối xây dựng của bất kỳ ngôn ngữ nào: các loại. Các chương trình JavaScript thao tác các giá trị và tất cả các giá trị đó thuộc về một loại. JavaScript cung cấp bảy loại nguyên thủy:

• Số: Được sử dụng cho tất cả các giá trị số [số nguyên và điểm nổi] ngoại trừ các số nguyên rất lớn.
• Bigint: Được sử dụng cho các số nguyên lớn tùy ý.
• Chuỗi: Được sử dụng để lưu trữ văn bản.
• Boolean:

  const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  8 và

  const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  9 - thường được sử dụng cho logic có điều kiện.
• Biểu tượng: Được sử dụng để tạo các định danh độc đáo sẽ không va chạm.
• Không xác định: Chỉ ra rằng một biến chưa được gán một giá trị.
• NULL: Chỉ ra một giá trị có giá trị có chủ ý.

Mọi thứ khác được gọi là một đối tượng. Các loại đối tượng phổ biến bao gồm:

• Boolean[""]; // false
  Boolean[234]; // true
  

  0

• Boolean[""]; // false
  Boolean[234]; // true
  

  1

• const age = 25;
  console.log["I am " + age + " years old."]; // String concatenation
  console.log[`I am ${age} years old.`]; // Template literal
  

  0

• Boolean[""]; // false
  Boolean[234]; // true
  

  3

• Boolean[""]; // false
  Boolean[234]; // true
  

  4

Các chức năng không phải là cấu trúc dữ liệu đặc biệt trong JavaScript - chúng chỉ là một loại đối tượng đặc biệt có thể được gọi.

Số

JavaScript có hai loại số tích hợp: số và bigint.

Loại số là giá trị điểm nổi độ chính xác kép của IEEE 754 64 bit, có nghĩa là số nguyên có thể được biểu diễn một cách an toàn giữa-[253-1] và 253-1 mà không bị mất độ chính xác và số điểm nổi có thể được lưu trữ trong suốt thời gian Lên đến 1,79 × 10308. Trong các số, JavaScript không phân biệt giữa số điểm nổi và số nguyên.

console.log[3 / 2]; // 1.5, not 1

Vì vậy, một số nguyên rõ ràng trong thực tế là một chiếc phao. Do mã hóa IEEE 754, đôi khi số học điểm nổi có thể không chính xác.

console.log[0.1 + 0.2]; // 0.30000000000000004

Đối với các hoạt động mong đợi các số nguyên, chẳng hạn như các hoạt động bitwise, số lượng sẽ được chuyển đổi thành số nguyên 32 bit.

Số chữ số cũng có thể có tiền tố để chỉ ra cơ sở [nhị phân, bát phân, thập phân hoặc thập lục phân] hoặc hậu tố số mũ.

console.log[0b111110111]; // 503
console.log[0o767]; // 503
console.log[0x1f7]; // 503
console.log[5.03e2]; // 503

Loại lớn là một số nguyên chiều dài tùy ý. Hành vi của nó tương tự như các loại số nguyên của C. Bigint được chỉ định với một số theo nghĩa đen và hậu tố

Boolean[""]; // false
Boolean[234]; // true

console.log[-3n / 2n]; // -1n

Các toán tử số học tiêu chuẩn được hỗ trợ, bao gồm bổ sung, trừ, số học còn lại, v.v ... Bigint và số không thể được trộn lẫn trong các hoạt động số học.

Đối tượng

console.log["Hello"[1] === "e"]; // true

Math.sin[3.5];
const circumference = 2 * Math.PI * r;

Có ba cách để chuyển đổi một chuỗi thành một số:

• Boolean[""]; // false
  Boolean[234]; // true
  

  7, phân tích chuỗi cho một số nguyên.

• Boolean[""]; // false
  Boolean[234]; // true
  

  8, phân tích chuỗi cho một số điểm nổi.
• Hàm

  Boolean[""]; // false
  Boolean[234]; // true
  

  9, phân tích một chuỗi như thể đó là một số theo nghĩa đen và hỗ trợ nhiều biểu diễn số khác nhau.

Bạn cũng có thể sử dụng Unary Plus

let a;
let name = "Simon";

// myLetVariable is *not* visible out here

for [let myLetVariable = 0; myLetVariable