/

JavaScript 語句

JavaScript 語句

學習 JavaScript 語句的基礎知識

如果表達式是 JavaScript 中可以評估的單個單位，那麼語句可以包含一個或多個不同的表達式，並由引擎執行以執行操作。

程序由多個語句組成。語句可以跨越多行。

就像表達式一樣，JavaScript 有一整套不同的語句：

  • 表達式語句
  • 声明語句
  • 控制流語句
  • 循环語句
  • 雜項語句

讓我們深入瞭解細節。

分隔語句

語句可以以可選的分號 ; 結束。使用分號，您可以在單個行中有多個語句。我通常不使用分號，但您可以在語句結束時使用。

表達式語句

單獨的表達式也是一個語句：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
0.02
'something'
true
false
this //當前作用域
undefined
i //其中 i 是變量或常量
1 / 2
i++
i -= 2
i * 2
'A ' + 'string'
[] //數組字面量
{} //對象字面量
[1,2,3]
{a: 1, b: 2}
{a: {b: 1}}
a && b
a || b
!a
object.property //引用對象的屬性（或方法）
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()

声明語句

使用声明語句，您可以將值分配給變量名稱。

例如：

1
2
3
4
5
6
7
8
var i = 0
let j = 1
const k = 2

//聲明對象值
const car = {
 color: blue
}

以下是函數聲明：

1
2
3
4
5
6
7
8
//聲明一個函數
function fetchFromNetwork() {
 //...
}
//或
const fetchFromNetwork = () => {
 //...
}

控制流語句

使用塊來將語句分組：

1
2
3
4
5
{
 //這是一個塊
 const a = 1;
 const b = 2;
}

使用此語法，每當 JavaScript 預期單個語句時，可以有多個語句。

請注意，任何條件控制流語句都會檢查一個表達式，並根據它執行一個語句或塊：

1
2
3
4
5
if (condition === true) {
 //執行此塊
} else {
 //執行此塊
}

如果只有一個語句，可以省略花括號：

1
if (condition === true) /\* 語句 \*/ else /\* 另一個語句 \*/

在下一節中，我將詳細介紹所有不同的控制流結構。

循环語句

循環的工作方式與上面的 if 例子類似。

一些循環檢查一個表達式，在該表達式求值為 true 之前重復執行一個語句。

另一些循環在列表上遍歷並對列表的每個元素執行一個語句（或塊），直到列表完成。

請參閱我完整的 JavaScript 循環教程。

雜項語句

return <expression>

此語句從函數返回一個值，結束函數的執行。

throw <expression>

拋出異常（稍後將了解異常是什麼）

try 和 catch

try/catch 塊用於捕獲異常。同樣，我們將在以後看到這些應用。

1
2
3
4
5
try {

} catch (<expression>) {

}

use strict

此語句應用嚴格模式。

debugger

添加一個斷點，供調試器使用。

tags: [“JavaScript Statements”, “Control flow statements”, “Declaration statements”, “Expression statements”, “Loop statements”, “Miscellaneous statements”]