Javascript cơ bản

Chào mọi người.

Bài viết này mình sẽ hướng dẫn mọi người một số mảng cơ bản trong javascript để mọi người tích hợp vào đoàn code bạn sữ dụng.

Cú pháp cơ bản.

Sử dụng camelCase cho các biến và tên hàm.

Sử dụng dấu ngoặc nhọn cho các khối. Chúng cũng xác định phạm vi

if (true) {
}

Sử dụng hai khoảng trắng để thụt lề. Prettier có thể sẽ tự động xử lý việc này.

Bình luận

Bình luận được thực hiện như sau

// Comment
/* 
Multiline Comment 
*/

Câu lệnh phải kết thúc bằng dấu ;. Biên tập viên có thể tự động xử lý việc này.

Biến số

let name = "Mark"
name = "Mark 2" // Reassign, let not needed

Các biến được định nghĩa theo phạm vi cụ thể (hãy nhớ rằng, dấu ngoặc nhọn định nghĩa phạm vi)

if (condition) {
let name = "Mark"
}
let name = "Mark" // A different scope

Tuy nhiên, các biến toàn cục (ở cấp độ tệp) sẽ có sẵn trong các phạm vi khác nhau.

let name = "Mark"
function doSomething() {
log name
}

Javascript có khái niệm shadowing . Bạn có thể tạo các biến có cùng tên, miễn là chúng nằm trong các phạm vi khác nhau.

Lưu ý rằng đoạn mã sau sẽ gây ra lỗi. Chính shadowing gây ra lỗi này. Trình thông dịch sẽ xem xét phạm vi và giữ lại bất kỳ tên nào cần thiết (đó là name), do đó gây ra lỗi ở dòng 3 (vì nó chưa được định nghĩa ở giai đoạn đó).

let name = "Mark"
{
console.log(name)
let name = "John"
console.log(name)
}

Hằng số Luôn tạo hằng số trừ khi bạn có ý định thay đổi điều gì đó sau này.

const name = "Mark"
name = "John" // Will cause an error

Điều kiện

Sử dụng == cho sự bình đẳng, == khá lộn xộn trong hầu hết các trường hợp, nhưng lại hữu ích trong một số trường hợp.

Cảnh báo

Bạn không thể sử dụng == để so sánh các mảng. Xem bài viết này để biết thêm chi tiết.
Có thể tạo một hàm đơn giản để dễ dàng so sánh các mảng bằng toString() phương pháp này.

const compareArrays = (a, b) => {
  return a.toString() === b.toString();
};

Sử dụng && để chỉ định AND thao tác.
Sử dụng || để chỉ định OR thao tác.

Vòng lặp

Một vòng lặp trong JavaScript trông như thế này. Xem bài đăng trên Stackoverflow này để biết thêm thông tin.

let colors = ['red', 'green', 'blue'];
for (const color of colors){
    console.log(color);
}

Kiểu dữ liệu

Số

Số luôn là số dấu phẩy động (64-bit). Hãy cẩn thận làm tròn số khi cần thiết.

Dây đàn

Chuỗi không thể thay đổi , chúng không thể bị thay đổi.

Mảng

Tập hợp dữ liệu 1 chiều. Dữ liệu này có thể thay đổi và được lập chỉ mục (bắt đầu từ 0).

let array = ["Hello", 42]

Các yếu tố có thể được thay đổi thông qua chỉ mục

array[1] = 41
log(array) // ["Hello", 41]

Nếu bạn cố gắng thêm vào một chỉ mục không nằm tiếp theo trong trình tự, danh sách sẽ mở rộng và điền vào empty.

array[10] = 44
log(array) // ["Hello", 41, empty x 8, 44]

Chúc mọi người thành công với những hướng dẫn trên.

Lê Hùng