week8 - stayjay/wp109b Wiki

Original URL: https://github.com/stayjay/wp109b/wiki/week8

JavaScript 基礎2.0

JavaScript 使用保留關鍵字var來聲明變量。變量必須有唯一的名稱。

分號; 分號分隔 JavaScript 語句。

在每個可執行語句的末尾添加一個分號:

var a, b, c;     // Declare 3 variables
a = 5;           // Assign the value 5 to a
b = 6;           // Assign the value 6 to b
c = a + b;       // Assign the sum of a and b to c

當用分號分隔時,允許在一行上有多條語句:

a = 5; b = 6; c = a + b;

JavaScript 忽略多個空格。您可以在腳本中添加空白以使其更具可讀性。

以下幾行是等效的:

var person = "Hege";
var person="Hege";

JavaScript 關鍵字

JavaScript 語句通常以關鍵字開頭, 以標識要執行的 JavaScript 操作。

訪問我們的保留字參考以查看JavaScript 關鍵字的完整列表 。

以下是您將在本教程中學到的一些關鍵字的列表:

關鍵詞	描述
break	終止一個開關或一個循環
continue	跳出循環並從頂部開始
debugger	停止執行 JavaScript,並調用(如果可用)調試函數
do ... while	執行語句塊,並在條件為真時重複語句塊
for	標記要執行的語句塊,只要條件為真
function	聲明一個函數
if ... else	根據條件標記要執行的語句塊
return	退出函數
switch	標記要執行的語句塊,視不同情況而定
try ... catch	對語句塊實現錯誤處理
var	聲明一個變量

JavaScript 標識符

標識符是名稱。

在 JavaScript 中,標識符用於命名變量(以及關鍵字、函數和標籤)。

在大多數編程語言中,合法名稱的規則大體相同。

在 JavaScript 中,第一個字符必須是字母、下劃線 (_) 或美元符號 ($)。

後續字符可能是字母、數字、下劃線或美元符號。

單行註釋
單行註釋以//
多行註釋
多行註釋/*以 */

var

宣告一個可隨意更改其內容的變數

let

宣告一個可隨意更改其內容的區塊區域變數

const

宣告一個只可讀取的不可變常數

不同種類的循環

JavaScript 支持不同類型的循環:

for - 多次循環代碼塊
for/in - 遍歷對象的屬性
for/of - 遍歷可迭代對象的值
while - 在指定條件為真時循環代碼塊
do/while - 在指定條件為真時也循環遍歷代碼塊

"<br>"=換行

補充

Document接口表示任何在瀏覽器中載入的網頁,並作為網頁內容的入口,也就是DOM樹。DOM包含樹了像、這樣的元素,以及大量其他元素。它向網頁文檔提供了操作功能,能解決如何獲取頁面的 URL,如何在文檔中創建一個新的元素這樣的問題。

document.getElementById("demo").innerHTML 

JavaScript必要的

JavaScriptfor/in語句循環遍歷對象的屬性:

句法

for (key in object) {
  // 後面的映到前面的
}

For/Of 循環

JavaScriptfor/of語句循環遍歷可迭代對象的值。

它允許您循環遍歷可迭代的數據結構,例如數組、字符串、地圖、節點列表等:

<p id="demo"></p>

<script>
let language = "JavaScript";
let text = "";

for (let x of language) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;

結果

J
a
v
a
S
c
r
i
p
t

While 循環

while只要指定的條件為真,循環就會循環執行代碼塊。

Do/While 循環

該do/while循環是while循環的一個變種。這個循環將執行一次代碼塊,在檢查條件是否為真之前,只要條件為真,它就會重複循環。 句法

do {
  // code block to be executed
}
while (condition);

筆記文章和程式碼均引用JavaScript