學習 JavaScript 語句的基礎知識

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

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

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

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

讓我們深入瞭解細節。

分隔語句

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

表達式語句

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

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()

声明語句

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

例如:

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

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

以下是函數聲明:

//聲明一個函數
function fetchFromNetwork() {
 //...
}
//或
const fetchFromNetwork = () => {
 //...
}

控制流語句

使用塊來將語句分組:

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

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

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

if (condition === true) {
 //執行此塊
} else {
 //執行此塊
}

如果只有一個語句,可以省略花括號:

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

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

循环語句

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

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

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

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

雜項語句

return <expression>

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

throw <expression>

拋出異常(稍後將了解異常是什麼)

trycatch

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

try {

} catch (<expression>) {

}

use strict

此語句應用嚴格模式

debugger

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