// 1. 函數(shù)作用域（無(wú)塊級(jí)作用域）
if (true) {
  var a = 10;
}
console.log(a); // 輸出 10（a 跳出了 if 的 {}，因?yàn)?var 無(wú)塊級(jí)作用域）

// 2. 變量提升
console.log(b); // 輸出 undefined（聲明提升了，賦值沒(méi)提升）
var b = 20;

// 3. 可重復(fù)聲明
var c = 30;
var c = 40;
console.log(c); // 輸出 40（后聲明的覆蓋前一個(gè)）

// 4. 可修改
var d = 50;
d = 60;
console.log(d); // 輸出 60

// 1. 塊級(jí)作用域
if (true) {
  let a = 10;
}
console.log(a); // 報(bào)錯(cuò)：a is not defined（a 被 if 的 {} 限制，外部訪(fǎng)問(wèn)不到）

// 2. 暫時(shí)性死區(qū)
console.log(b); // 報(bào)錯(cuò)：Cannot access 'b' before initialization
let b = 20;

// 3. 不可重復(fù)聲明
let c = 30;
// let c = 40; // 報(bào)錯(cuò)：Identifier 'c' has already been declared
// var c = 40; // 同樣報(bào)錯(cuò)

// 4. 可修改
let d = 50;
d = 60;
console.log(d); // 輸出 60

// 1. 塊級(jí)作用域
if (true) {
  const a = 10;
}
console.log(a); // 報(bào)錯(cuò)：a is not defined

// 2. 暫時(shí)性死區(qū)
console.log(b); // 報(bào)錯(cuò)：Cannot access 'b' before initialization
const b = 20;

// 3. 不可重復(fù)聲明
const c = 30;
// const c = 40; // 報(bào)錯(cuò)

// 4. 聲明時(shí)必須賦值
// const d; // 報(bào)錯(cuò)：Missing initializer in const declaration

// 5. 不可修改引用（重點(diǎn)）
const e = 50;
// e = 60; // 報(bào)錯(cuò)：Assignment to constant variable.

// 注意：對(duì)象/數(shù)組的內(nèi)部可修改（只是引用不能變）
const obj = { name: "張三" };
obj.name = "李四"; // 正常執(zhí)行，輸出 { name: '李四' }
console.log(obj);

const arr = [1, 2];
arr.push(3); // 正常執(zhí)行，輸出 [1,2,3]
console.log(arr);

// 數(shù)學(xué)常量
const PI = 3.1415926;
const RADIUS = 5;
const AREA = PI * RADIUS * RADIUS; // 計(jì)算后的值也不變

// 配置項(xiàng)（固定的接口地址、密鑰等）
const BASE_URL = 'https://api.example.com';
const TOKEN = 'abc123456';

// 固定字符串
const TITLE = '個(gè)人信息'; // 就像你之前寫(xiě)的標(biāo)題文本

// 個(gè)人信息對(duì)象（只會(huì)改內(nèi)部屬性，不會(huì)重新賦值）
const userInfo = {
  name: '韓雨龍',
  class: '24專(zhuān)本軟件',
  hobby: ['唱歌', '跳舞']
};
// 允許修改內(nèi)部屬性（符合 const 規(guī)則）
userInfo.name = '小雨'; 
userInfo.hobby.push('爬山');

// 列表數(shù)據(jù)（只會(huì)增刪元素，不會(huì)重新賦值數(shù)組）
const list = ['蘋(píng)果', '香蕉'];
list.push('橙子'); // 正常執(zhí)行

// 創(chuàng)建 h2 元素（不會(huì)重新賦值，用 const）
const h2 = document.createElement('h2');
h2.textContent = '個(gè)人信息'; // 只是修改屬性，不是重新賦值
document.body.appendChild(h2);

// 創(chuàng)建按鈕元素（同理）
const btn = document.createElement('button');
btn.textContent = '點(diǎn)擊';
document.body.appendChild(btn);

// for 循環(huán)計(jì)數(shù)器（i 會(huì)從 0 變到 4，需要修改）
const info = ['班級(jí)', '學(xué)號(hào)', '姓名', '性別', '愛(ài)好'];
for (let i = 0; i < info.length; i++) {
  const p = document.createElement('p');
  p.textContent = info[i];
  document.body.appendChild(p);
}

// while 循環(huán)變量
let count = 0;
while (count < 3) {
  console.log('計(jì)數(shù)：', count);
  count++; // 重新賦值，必須用 let
}

// 開(kāi)關(guān)狀態(tài)（點(diǎn)擊按鈕切換 true/false）
let isShow = false;
const btn = document.createElement('button');
btn.textContent = '顯示/隱藏';
btn.onclick = function() {
  isShow = !isShow; // 重新賦值，用 let
  console.log('狀態(tài)：', isShow);
};
document.body.appendChild(btn);

// 計(jì)數(shù)器（點(diǎn)擊一次加 1）
let num = 0;
const countBtn = document.createElement('button');
countBtn.textContent = '計(jì)數(shù)';
countBtn.onclick = function() {
  num++; // 重新賦值，用 let
  countBtn.textContent = `計(jì)數(shù)：${num}`;
};
document.body.appendChild(countBtn);

// 分步計(jì)算總價(jià)
let total = 0;
total += 10; // 加商品1價(jià)格
total += 20; // 加商品2價(jià)格
total *= 0.8; // 打8折（多次重新賦值，用 let）
console.log('總價(jià)：', total);

// 條件賦值（根據(jù)條件修改變量）
let message = '';
const isLogin = false;
if (isLogin) {
  message = '歡迎登錄';
} else {
  message = '請(qǐng)先登錄'; // 重新賦值，用 let
}

const i = 0;
i++; // 報(bào)錯(cuò)：Assignment to constant variable.（const 不能重新賦值）

// 標(biāo)題文本不會(huì)改，應(yīng)該用 const 而不是 let
let TITLE = '個(gè)人信息';