[2

本指南繪製了從JavaScript基本面到中間概念的課程，從我的個人學習經驗中汲取了課程。 我編寫了關鍵的外賣，實用的例子和有用的提示，以使您的學習旅程更加順暢。讓我們潛入！

目錄

變量

數組
1. [2
functions
對象
dom（文檔對像模型）
4. [2
集成HTML和JavaScript
7. 1。變量
變量是用於程序中使用的數據的容器。 JavaScript提供了兩種聲明它們的主要方法：

---

[2

const ：對於應該保持恆定的值。

例子：

• let age = 25; const name =“ mario”;
變量可以容納數字，文本（字符串），true/false值（布爾值），甚至不確定的值。 JavaScript提供標準的算術運算符（ - ，*， /，％）和deponention operator（**）。
• console.log（2 ** 3）; //輸出：8

2。數組

數組將多個值存儲在單個變量中。 使用Square Brackets定義數組：

let age = 25;
const name = "Mario";

使用其索引訪問元素（從0開始）：

）; //輸出：蘋果

console.log(2 ** 3); // Output: 8

[2

---

：將元素添加到開始。 [2 [2

例子：

fruits.push（“橙色”）; console.log（水果）; //輸出：[“蘋果”，“香蕉”，“櫻桃”，“橙色”]

let fruits = ["apple", "banana", "cherry"];

console.log（fruits.indexof（“ banana”））; //輸出：1 console.log（fruits.imcludes（“葡萄”））; //輸出：false

console.log(fruits[0]); // Output: apple

3。有條件語句

有條件的語句允許您的代碼做出決策。 [2 [2 console.log（“您通過！”）; } 別的 { console.log（“你失敗了！”）; }

[2

這些操作員對於評估條件至關重要：

• [2 [2 [2 [2 [2 [2
• 4。 functions 函數是可重複使用的代碼塊。使用
關鍵字來定義它們：
• [2 返回`您好，$ {name}！ `; } console.log（ettry（“ alice”））; //輸出：你好，愛麗絲！ [2 函數可以接受輸入（），並在使用
調用時使用它們：
• [2 返回A B； } console.log（add（2，3））; //輸出：5

5。對象 對像是鍵值對的集合，例如mini-databases：

fruits.push("orange");
console.log(fruits); // Output: ["apple", "banana", "cherry", "orange"]

方法：

對像還可以包含函數（方法

）：

[2 品牌：“蘋果”， 戒指（） { console.log（“戒指，ring！？”）; } }; phone.ring（）;
• 6。 DOM（文檔對像模型）
• DOM讓JavaScript與HTML元素進行交互。 [2
使用

對象選擇元素：

console.log(fruits.indexOf("banana")); // Output: 1
console.log(fruits.includes("grape")); // Output: false

[2

---

7。事件

使用：響應用戶操作（單擊，鍵按）。 [2 console.log（“單擊按鈕！”）; }）; [2

，讓count = 0; button.AddeventListener（“ click”，（）=> { 數數 ; console.log（`單擊$ {count} times`）; }）;

console.log(fruits[0]); // Output: apple

8。集成html和javascript

使用 標籤直接添加JavaScript

• 對於較大的腳本，請鏈接外部文件： [2
• 這是我從初學者到中級級別的JavaScript學習旅程的結論！我希望本指南証明有幫助。 隨時分享您自己的學習技巧或在評論中提出問題！愉快的編碼！ ✨