從基礎到中級：我的旅程學習JavaScript✨

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

目錄的

表

1. >變量
2. 數組
3. 條件語句
4. 函數
5. >對象
6. dom（文檔對像模型）
7. >事件
8. 集成HTML和JavaScript

---

1。變量

變量是用於程序中使用的數據的容器。 JavaScript提供了兩種宣布它們的主要方法：

>

• let：對於可能會更改的變量。
• ：對於應該保持恆定的值。 const>

示例：

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

>變量可以容納數字，文本（字符串），true/false值（布爾值），甚至不確定的值。 JavaScript提供標準的算術運算符（ - ，*， /，％）和啟動操作員（**）。

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

---

2。數組

數組將多個值存儲在單個變量中。 使用方括號來定義數組：

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

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

>

在

>數組是動態的；您可以修改它們：

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

：在末端添加一個元素。

>

：在開始時添加一個元素。

>
• .push()：刪除最後一個元素。
• .unshift()：刪除第一個元素。
• .pop()
示例：
• .shift()

搜索數組：

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

：找到一個值的索引。 >

：檢查是否存在值。

• .indexOf()
• .includes() 3。有條件的語句

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

>有條件的語句允許您的代碼做出決策。

---

和

>通常使用：>

>比較操作員： if else這些操作員對於評估條件至關重要：

if (grade > 60) {
  console.log("You passed!");
} else {
  console.log("You failed!");
}

（嚴格的平等）

（嚴格的不等式）

• （大於）===
• （小於）!==
• （大於或等於）>
• （小於或等於）<
• >=
4。功能
• <=
函數是可重複使用的代碼塊。使用

>關鍵字來定義它們：

---

>參數和參數：

>函數可以接受輸入（參數），並在使用> gragonments呼叫時使用它們：

：

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

---

5。對象

物件是鑰匙值對的集合，例如迷你資料庫：

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

>物件中的方法：

物件也可以包含函數（方法

）：>

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

---

6。 DOM（文檔物件模型）

DOM讓JavaScript與HTML元素相互作用。

選擇元素：

使用>物件選擇元素：

document

更新元素：

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

>動態修改內容：

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

7。事件

---

>使用>：

>響應用戶操作（單擊，鍵按）

.addEventListener()

>範例：遞增計數器：

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

>

if (grade > 60) {
  console.log("You passed!");
} else {
  console.log("You failed!");
}

8。整合HTML和JavaScript

---

> >使用標籤直接加入JavaScript：

>

<script>對於較大的腳本，連結外部

檔案：>

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("Alice")); // Output: Hello, Alice!

.js這是我從初學者到中階的JavaScript學習旅程的結論！我希望本指南證明有幫助。 隨時分享您自己的學習技巧或在評論中提出問題！愉快的編碼！ ✨

以上是從基礎到中級：我的旅程學習JavaScript✨的詳細內容。更多資訊請關注PHP中文網其他相關文章！