Câu lệnh JavaScript

Tìm hiểu kiến thức cơ bản về Câu lệnh JavaScript

Nếu các biểu thức là các đơn vị JavaScript đơn lẻ mà công cụ có thể đánh giá, các câu lệnh có thể chứa một hoặc nhiều biểu thức khác nhau và được công cụ thực thi để thực hiện một thao tác.

Chương trình được tạo bởi nhiều câu lệnh. Các câu lệnh có thể trải dài trên nhiều dòng.

Cũng giống như với các biểu thức, JavaScript có một tập hợp các câu lệnh hoàn toàn khác:

  • tuyên bố biểu thức
  • tuyên bố tuyên bố
  • điều khiển lưu lượng báo cáo
  • câu lệnh lặp
  • báo cáo linh tinh

Hãy đi sâu vào chi tiết.

Các câu lệnh phân tách

Các câu lệnh có thể kết thúc bằng dấu chấm phẩy tùy chọn;. Sử dụng nó, bạn có thể có nhiều câu lệnh trên một dòng. Tôi thường không sử dụng dấu chấm phẩy, nhưng bạn có thể sử dụng nó bất cứ khi nào một câu lệnh kết thúc.

Câu biểu cảm

Bản thân một biểu thức cũng là một tuyên bố:

2
0.02
'something'
true
false
this //the current scope
undefined
i //where i is a variable or a constant
1 / 2
i++
i -= 2
i * 2
'A ' + 'string'
[] //array literal
{} //object literal
[1,2,3]
{a: 1, b: 2}
{a: {b: 1}}
a && b
a || b
!a
object.property //reference a property (or method) of an object
object[property]
object['property']
new object()
new a(1)
new MyRectangle('name', 2, {a: 4})
function() {}
function(a, b) { return a * b }
(a, b) => a * b
a => a * 2
() => { return 2 }
a.x(2)
window.resize()

Tuyên bố khai báo

Với một câu lệnh khai báo, bạn gán một giá trị cho một tên biến.

Ví dụ:

var i = 0
let j = 1
const k = 2

//declare an object value const car = { color: blue }

Dưới đây là khai báo hàm:

//declare a function
function fetchFromNetwork() {
  //...
}
//or
const fetchFromNetwork = () => {
  //...
}

Kiểm soát các câu lệnh luồng

Các câu lệnh có thể được nhóm lại bằng cách sử dụng một khối:

{
  //this is a block
  const a = 1;
  const b = 2;
}

Sử dụng cú pháp này, bạn có thể có nhiều câu lệnh bất cứ khi nào JavaScript mong đợi một câu lệnh duy nhất.

Lưu ý rằng bất kỳ câu lệnh luồng điều khiển có điều kiện nào cũng kiểm tra một biểu thức và tùy thuộc vào nó mà chúng thực hiện một câu lệnh hoặc một khối:

if (condition === true) {
  //execute this block
} else {
  //execute this block
}

Bạn có thể bỏ qua dấu ngoặc nhọn nếu bạn chỉ có một câu lệnh:

if (condition === true) /* statement */ else /* another statement */

Tôi sẽ đi vào tất cả các cấu trúc luồng điều khiển khác nhau trong các phần tiếp theo.

Câu lệnh lặp

Các vòng lặp hoạt động tương tự nhưifví dụ trên.

Một số vòng lặp kiểm tra một biểu thức và lặp lại một câu lệnh thực thi nó cho đến khi biểu thức đó đánh giá là true.

Một số vòng lặp khác lặp qua danh sách và thực hiện một câu lệnh (hoặc khối) cho từng phần tử của danh sách, cho đến khi danh sách kết thúc.

Xem đầy đủ của tôiHướng dẫn về vòng lặp JavaScript.

Các tuyên bố khác

return <expression>

Câu lệnh này trả về một giá trị từ một hàm, kết thúc việc thực thi hàm.

throw <expression>

Ném một ngoại lệ (sau này chúng ta sẽ xem ngoại lệ là gì)

trycatch

Một khối try / catch được sử dụng để bắt các ngoại lệ. Một lần nữa, chúng ta sẽ thấy những điều đó được áp dụng sau này.

try {

} catch (<expression>) {

}

use strict

Tuyên bố này áp dụngchế độ nghiêm ngặt.

debugger

Thêm một điểm ngắt màtrình gỡ lỗico thể sử dụng.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: