[Tự học Javascript] Cấu trúc code trong Javascript

Điều đầu tiên chúng ta sẽ nghiên cứu là các khối code.

1. Các câu lệnh

Các câu lệnh là các cấu trúc cú pháp và các lệnh thực hiện các hành động.

Chúng ta đã từng thấy một câu lệnh như, alert('Hello, world!')trong đó hiển thị thông báo, Hello, world!

Chúng ta có thể có nhiều câu lệnh trong code như chúng ta muốn. Câu lệnh có thể được phân tách bằng dấu chấm phẩy.

Ví dụ: ở đây chúng ta chia ra Hello World thành hai câu lệnh:

alert('Hello'); alert('World');

Thông thường, các câu lệnh được viết trên các dòng riêng biệt để làm cho code dễ đọc hơn:

alert('Hello');
alert('World');

2. Dấu chấm phẩy

Dấu chấm phẩy có thể được bỏ qua trong hầu hết các trường hợp khi có ngắt dòng.

Điều này cũng sẽ làm việc:

alert('Hello')
alert('World')

Ở đây, JavaScript diễn giải ngắt dòng là một dấu chấm phẩy ẩn ngầm. Điều này được gọi là chèn dấu chấm phẩy tự động.

Trong hầu hết các trường hợp, một dòng mới ngụ ý một dấu chấm phẩy. Nhưng trong một số trường hợp, nó sẽ không có nghĩa là dấu chấm phẩy.

Có những trường hợp khi một dòng mới không có nghĩa là một dấu chấm phẩy. Ví dụ:

alert(3 +
1
+ 2);

Code đầu ra 6vì JavaScript không chèn dấu chấm phẩy ở đây. Một cách trực quan rõ ràng là nếu dòng kết thúc bằng một dấu cộng "+", thì đó là một biểu thức không hoàn chỉnh, do đó không cần phải có dấu chấm phẩy. Và trong trường hợp này hoạt động như dự định.

Nhưng có những tình huống JavaScript không thành công khi sử dụng dấu chấm phẩy ở nơi thực sự cần thiết.

Lỗi xảy ra trong những trường hợp như vậy là khá khó để tìm và sửa.

Một ví dụ về lỗi

Nếu bạn tò mò muốn xem một ví dụ cụ thể về lỗi như vậy, hãy kiểm tra code này:

[1, 2].forEach(alert)

Khzông cần phải suy nghĩ về ý nghĩa của dấu ngoặc []và forEachchưa. Chúng ta sẽ nghiên cứu chúng sau. Bây giờ, chỉ cần nhớ kết quả của code: nó hiển thị 1sau đó 2.

Bây giờ, hãy thêm một code alert trước và không hoàn thành nó bằng dấu chấm phẩy:

alert("There will be an error")

[1, 2].forEach(alert)

Bây giờ nếu chúng ta chạy code, chỉ có cái đầu tiên alertđược hiển thị và sau đó chúng ta có lỗi!

Nhưng mọi thứ sẽ ổn trở lại nếu chúng ta thêm dấu chấm phẩy sau alert:

alert("All fine now");

[1, 2].forEach(alert)

Bây giờ chúng ta có tin nhắn “All fine now” tiếp theo 1và 2.

Lỗi trong biến thể không có dấu chấm phẩy xảy ra do JavaScript không giả sử dấu chấm phẩy trước dấu ngoặc vuông [...].

Vì vậy, vì dấu chấm phẩy không được chèn tự động, code trong ví dụ đầu tiên được coi là một câu lệnh. Đây là cách Javascript nhìn thấy nó:

alert("There will be an error")[1, 2].forEach(alert)

Nhưng nó phải là hai câu lệnh riêng biệt, không phải một. Như vậy một sự hợp nhất trong trường hợp này là sai, do đó lỗi. Điều này có thể xảy ra trong các tình huống khác.

Chúng tôi khuyên bạn nên đặt dấu chấm phẩy giữa các câu ngay cả khi chúng được phân tách bằng dòng mới. Quy tắc này được cộng đồng áp dụng rộng rãi. Chúng ta hãy lưu ý một lần nữa – có thể bỏ dấu chấm phẩy. Nhưng nó an toàn hơn – đặc biệt đối với người mới bắt đầu – sử dụng chúng.

3. Bình luận(Comment)

Thời gian trôi qua, các chương trình ngày càng phức tạp hơn. Nó trở nên cần thiết để thêm comment mô tả những gì code làm và tại sao.

Bình luận có thể được đưa vào bất kỳ nơi nào của một kịch bản. Chúng không ảnh hưởng đến việc thực hiện vì biên dịch sẽ đơn giản bỏ qua chúng.

Nhận xét một dòng bắt đầu bằng hai ký tự gạch chéo về phía trước //.

Phần còn lại của dòng là một comment. Nó có thể chiếm một dòng đầy đủ của riêng mình hoặc chỉ một đoạn nhỏ.

Giống như ở đây:

// This comment occupies a line of its own
alert('Hello');

alert('World'); // This comment follows the statement

Nhận xét nhiều dòng bắt đầu bằng dấu gạch chéo về phía trước và dấu hoa thị /*và kết thúc bằng dấu hoa thị và dấu gạch chéo về phía trước */.

Như thế này:

/* An example with two messages.
This is a multiline comment.
*/
alert('Hello');
alert('World');

Nội dung của các comment bị bỏ qua, vì vậy nếu chúng ta đặt code bên trong /* … */, nó sẽ không thực thi.

Đôi khi nó có thể hữu ích để tạm thời vô hiệu hóa một phần của code:

/* Commenting out the code
alert('Hello');
*/
alert('World');

Sử dụng phím nóng!

Trong hầu hết các trình soạn thảo, một dòng code có thể được comment bằng cách nhấn phím nóng cho một comment một dòng và đại loại như – đối với các comment đa dòng (chọn một đoạn code và nhấn phím nóng).

Đối với Mac, hãy thử Ctrl+Shift+/

Comments lồng nhau không được hỗ trợ!

Có thể không có /*...*/bên trong khác /*...*/.

Code như vậy sẽ tạo với một lỗi:

/*
  /* nested comment ?!? */
*/
alert( 'World' );

Xin vui lòng, đừng ngần ngại comments code của bạn.

Comments tăng sử dễ hiểu code, nhưng đó không phải là một vấn đề. Có nhiều công cụ thu nhỏ code trước khi xuất bản lên máy chủ. Họ xóa comments, để không xuất hiện trong các kịch bản làm việc. Do đó, comments ​​không có tác động tiêu cực khi release.