// 1. 變量聲明未賦值
let a;
console.log(a); // undefined

// 2. 訪問對(duì)象不存在的屬性
let obj = {};
console.log(obj.name); // undefined

// 3. 函數(shù)沒有返回值
function fn() {}
console.log(fn()); // undefined

// 4. 函數(shù)參數(shù)未傳遞
function greet(name) {
  console.log(name); // undefined
}
greet();

// 5. 數(shù)組空位
let arr = [1, , 3];
console.log(arr[1]); // undefined

// 1. 顯式表示"空"或"無(wú)"
let selectedUser = null; // 當(dāng)前沒有選中用戶

// 2. 作為函數(shù)參數(shù)表示空值
document.getElementById('not-exist'); // 返回 null

// 3. 原型鏈的終點(diǎn)
Object.getPrototypeOf(Object.prototype); // null

// 4. 釋放對(duì)象引用（幫助垃圾回收）
let bigData = { /* 大量數(shù)據(jù) */ };
bigData = null; // 顯式釋放

// 轉(zhuǎn)為布爾值 - 都是 false
Boolean(undefined); // false
Boolean(null);      // false

// 轉(zhuǎn)為數(shù)字 - 差異明顯
Number(undefined);  // NaN
Number(null);       // 0

// 這導(dǎo)致運(yùn)算結(jié)果不同
undefined + 1;  // NaN
null + 1;       // 1

// 寬松相等
null == undefined;   // true（特殊規(guī)則）
null == 0;           // false
undefined == 0;      // false

// 嚴(yán)格相等
null === undefined;  // false
null === null;       // true
undefined === undefined; // true

typeof null; // "object" — 這是 JS 誕生之初的 bug，至今未修復(fù)
// 正確判斷 null 的方式
value === null

// JSON 序列化時(shí)行為不同
JSON.stringify({ a: undefined, b: null });
// '{"b":null}' — undefined 屬性被忽略！

// 這是個(gè)技巧，可以同時(shí)檢測(cè) null 和 undefined
function isNullish(value) {
  return value == null; // 等同于 value === null || value === undefined
}

// undefined 會(huì)觸發(fā)默認(rèn)值，null 不會(huì)
function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}

greet();          // "Hello, Guest!"
greet(undefined); // "Hello, Guest!"
greet(null);      // "Hello, null!" — null 不觸發(fā)默認(rèn)值

const { a = 10, b = 20 } = { a: undefined, b: null };
console.log(a); // 10 — undefined 觸發(fā)默認(rèn)值
console.log(b); // null — null 不觸發(fā)默認(rèn)值

const user = { profile: null };

// 可選鏈 - null 和 undefined 都會(huì)短路
user.profile?.name;  // undefined

// 空值合并 - 僅對(duì) null/undefined 生效
const name = null ?? 'Anonymous';  // 'Anonymous'
const age = 0 ?? 18;               // 0（不是 18！）

// 對(duì)比 || 運(yùn)算符
const name2 = null || 'Anonymous'; // 'Anonymous'
const age2 = 0 || 18;              // 18（falsy 值都會(huì)觸發(fā)）

// TypeScript 中可以明確區(qū)分
let a: string | undefined;  // 可能未賦值
let b: string | null;       // 可能為空

// strictNullChecks 開啟后
interface User {
  name: string;
  nickname?: string;        // string | undefined
  deletedAt: Date | null;   // 顯式可為空
}