// var（已不推薦）：函數(shù)作用域，存在變量提升
var name = "Alice";
// let（塊級(jí)作用域，可重新賦值）
let age = 25;
age = 26;
// const（塊級(jí)作用域，不可重新賦值）
const PI = 3.14159;
// PI = 3.14; // ? 報(bào)錯(cuò)

typeof 42          // "number"
typeof "hello"     // "string"
typeof true        // "boolean"
typeof undefined   // "undefined"
typeof Symbol('id')// "symbol" (ES6)
typeof BigInt(123) // "bigint" (ES2020)

typeof {}          // "object"
typeof []          // "object"（數(shù)組是對(duì)象！）
typeof null        // "object"（歷史 bug，實(shí)際是 null）
typeof function(){}// "function"

0 == false    // true（類(lèi)型轉(zhuǎn)換）
0 === false   // false（類(lèi)型不同）
"" ?? "hi"    // ""（空字符串不是 null/undefined）
null ?? "hi"  // "hi"

// if-else
if (score > 90) {
  console.log("A");
} else if (score > 80) {
  console.log("B");
} else {
  console.log("C");
}
// switch
switch (day) {
  case 1: console.log("Mon"); break;
  default: console.log("Invalid");
}
// for 循環(huán)
for (let i = 0; i < 5; i++) { ... }
// for...of（遍歷可迭代對(duì)象：數(shù)組、字符串等）
for (const item of [1, 2, 3]) { ... }
// for...in（遍歷對(duì)象鍵名）
for (const key in obj) { ... }

// 聲明（有提升）
function greet(name) {
  return "Hello " + name;
}
// 表達(dá)式（無(wú)提升）
const add = function(a, b) {
  return a + b;
};
// 箭頭函數(shù)（ES6，簡(jiǎn)潔，無(wú) this 綁定）
const square = x => x * x;
const sum = (a, b) => { return a + b; };

function createUser({name, age = 18}) {
  return {name, age};
}
createUser({name: "Bob"}); // {name: "Bob", age: 18}

// 創(chuàng)建
const person = {
  name: "Alice",
  age: 30,
  // 方法
  greet() {
    return `Hi, I'm ${this.name}`;
  }
};
// 訪問(wèn)屬性
person.name        // "Alice"
person["age"]      // 30
// 添加/修改
person.email = "a@example.com";
// 刪除
delete person.age;

const fruits = ["apple", "banana"];
// 常用方法
fruits.push("orange");      // 末尾添加
fruits.pop();               // 末尾刪除
fruits.unshift("grape");    // 開(kāi)頭添加
fruits.shift();             // 開(kāi)頭刪除
fruits.slice(1, 3);         // 截?。ú恍薷脑瓟?shù)組）
fruits.splice(1, 1, "kiwi"); // 從索引1刪1個(gè)，插入"kiwi"
// 高階函數(shù)（函數(shù)式編程）
fruits.map(fruit => fruit.toUpperCase());    // 轉(zhuǎn)換
fruits.filter(fruit => fruit.length > 5);   // 過(guò)濾
fruits.reduce((acc, f) => acc + f, "");     // 聚合

<button id="btn">Click</button>
<script>
  // 獲取元素
  const btn = document.getElementById("btn");
  // 綁定事件
  btn.addEventListener("click", () => {
    alert("Button clicked!");
  });
  // 修改內(nèi)容
  document.querySelector("h1").textContent = "New Title";
</script>

setTimeout(() => {
  console.log("Delayed");
}, 1000);

fetch("/api/data")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

async function fetchData() {
  try {
    const response = await fetch("/api/data");
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

// math.js
export const PI = 3.14;
export function add(a, b) { return a + b; }
// main.js
import { PI, add } from './math.js';
console.log(add(2, 3)); // 5

try {
  // 可能出錯(cuò)的代碼
  JSON.parse("{ bad json }");
} catch (error) {
  console.error("Error:", error.message);
} finally {
  console.log("Cleanup");
}