Javascript入門-Day2：語法、註解、變數

語法

一般結構

在JavaScript中，一個基本的程式碼結構是由敘述(statements)組成，每個敘述由分號結尾。例如：

// 變量聲明
var x = 10;
let y = 20;
const z = 30;

// 函數定義
function add(a, b) {
    return a + b;
}

// 調用函數
let result = add(x, y);

// 控制流語句
if (result > 20) {
    console.log('Result is greater than 20');
} else {
    console.log('Result is 20 or less');
}

// 迴圈
for (let i = 0; i < 5; i++) {
    console.log(i);
}

程式進入點

JavaScript的程式進入點通常是一個名為'main'的函數，但在瀏覽器環境中，腳本的進入點通常是事件處理器，如window.onload。例如：

// 方法一：
window.onload = function() {
  // 這裡的程式碼會在頁面載入後執行
};

// 方法二：
// 確保頁面完全加載後執行程式碼
document.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
    // 這裡是程式的進入點
});

註解

單行註解

在JavaScript中，使用兩個斜線 (//) 來建立單行註解。例如：

// 這是一個單行註解
let x = 10; // x 的值是 10

多行註解

使用斜線和星號 (/.../) 來建立多行註解。例如：

/*
  這是一個多行註解
  可以跨越多行
*/
let y = 20;

/*
  這是一個多行註解
  可以解釋代碼塊
*/
function add(a, b) {
    return a + b; // 返回兩個數字的和
}

變數

單個變數

變數可以使用 var、let 或 const 聲明：

• var：有函數作用域和變量提升（Hoisting）。
• let：有塊級作用域，適合在區塊內使用。
• const：有塊級作用域，且變量不可重新賦值，適合聲明常量。

在JavaScript中，我們使用 'var', 'let' 或 'const' 關鍵字來宣告變數。例如：

var x = 5;
let y = 6;
const z = 7;

多個變數賦值

我們可以在一行中宣告並賦值多個變數，例如：

let x = 10, y = 20, z = 30; // 使用 let 一行聲明多個變數
const a = 1, b = 2, c = 3; // 使用 const 一行聲明多個變數

// 使用解構賦值進行多個變數賦值
let [m, n, o] = [4, 5, 6];
let {p, q, r} = {p: 7, q: 8, r: 9};