學習 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>
拋出異常(稍後將了解異常是什麼)
try
和 catch
try/catch 塊用於捕獲異常。同樣,我們將在以後看到這些應用。
try {
} catch (<expression>) {
}
use strict
此語句應用嚴格模式。
debugger
添加一個斷點,供調試器使用。