Skip to content

Javascript常用語法

JavaScript 是一種廣泛使用的編程語言,常用於網頁開發。以下是一些常用的 JavaScript 語法簡介:

1. 變數宣告

  • var:舊版 JavaScript 的變數宣告方式,作用域為函數級別。
  • let:ES6 引入的變數宣告方式,作用域為區塊級別,建議使用。
  • const:宣告常量,值一旦設定就不能改變。
    let name = "Alice";
    const age = 30;
    

2. 資料型別

  • Number:數字類型,例如:1, 3.14
  • String:字串類型,例如:"hello", 'world'
  • Boolean:布林值類型,例如:true, false
  • Array:陣列,例如:[1, 2, 3]
  • Object:物件,例如:{name: "Alice", age: 30}

3. 條件語句

  • if...else:用於執行條件判斷。
if (age > 18) {
    console.log("Adult");
} else {
    console.log("Not an adult");
}

4. 迴圈

  • for:用於重複執行代碼。
  • while:當條件為真時,執行代碼。
for (let i = 0; i < 5; i++) {
    console.log(i);
}

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

5. 函數

  • 宣告函數使用 function 關鍵字。
  • 箭頭函數(Arrow Function):ES6 引入的簡寫形式。
function greet(name) {
    return "Hello, " + name;
}

const greetArrow = (name) => "Hello, " + name;

6. 物件操作

  • 物件是 key-value 配對的集合,使用點或中括號來存取屬性。
let person = {
    name: "Alice",
    age: 30
};

console.log(person.name);
console.log(person["age"]);

7. 陣列操作

  • 常用方法有 push()pop()map()filter() 等。
let numbers = [1, 2, 3];
numbers.push(4); // [1, 2, 3, 4]
let squared = numbers.map(num => num * num); // [1, 4, 9, 16]

8. 異步操作

  • setTimeout()setInterval() 用於異步操作。
  • Promiseasync/await 用於處理異步程式碼。
setTimeout(() => {
    console.log("This will run after 2 seconds");
}, 2000);

const asyncFunction = async () => {
    let result = await someAsyncTask();
    console.log(result);
};

這些是 JavaScript 中一些常見的語法,掌握這些基礎可以幫助你開始撰寫 JavaScript 程式碼。