【每日一面】类型系统与类型转换

let x = 42;        // number
x = 'hello';       // string —— 动态类型允许随时改变类型
x = { a: 1 };      // object

console.log('5' - 3);  // 2（隐式转 number）
console.log('5' + 3);  // '53'（隐式转 string）

typeof undefined   // 'undefined'
typeof true        // 'boolean'
typeof 42          // 'number'
typeof 'str'       // 'string'
typeof Symbol()    // 'symbol'
typeof 123n        // 'bigint'
typeof null        // 'object' ← 经典 bug
typeof {}          // 'object'
typeof []          // 'object'
typeof new Date()  // 'object'

[] instanceof Array    // true
[] instanceof Object   // true（数组也是对象）

console.log(1 + 2);        // 3
console.log('1' + 2);      // '12'
console.log(1 + '2');      // '12'
console.log(1 + 2 + '3');  // '33'（先左结合：1+2=3，再 3+'3'='33'）
console.log('1' + 2 + 3);  // '123'（先左结合：'1'+2='12'，再 '12'+3='123'）
console.log(+'42');        // 42（一元+触发 ToNumber）

console.log([] == ![]);     // true ← 经典中的经典
// 分析：![] → false（引用类型转布尔为 true，取反为 false）
// 然后 [] == false
// false 触发 ToNumber 转为 0
// [] 触发 ToPrimitive 转为 ''（空字符串），再 ToNumber 转为 0
// 0 == 0 → true

console.log([1, 2] == '1,2');  // true（ToPrimitive 后 '1,2'）
console.log([1, 2] == [1, 2]); // false（引用类型比较地址）
console.log(null == undefined); // true
console.log(null === undefined);// false
console.log('' == false);       // true（''→0, false→0）
console.log('' == 0);           // true
console.log('  ' == 0);         // true（'  '→0）

false, 0, -0, 0n, '', null, undefined, NaN

if ([])     // true（空数组是 truthy）
if ({})     // true
if ('false')// true（非空字符串）
if (new Boolean(false)) // true（对象永远是 truthy）

// String 转换对比
String(null)          // 'null'
String(undefined)     // 'undefined'
String([1, 2, 3])     // '1,2,3'
String({})            // '[object Object]'

// Number 转换对比
Number('')            // 0 ← 容易踩坑
Number(' 123 ')       // 123
Number('123abc')      // NaN
Number(undefined)     // NaN
Number(null)          // 0

// parseInt 注意
parseInt('123abc')    // 123
parseInt(' 0xFF')     // 255（0x 前缀触发十六进制，需留意）
parseInt('08')        // 8（ES5+ 已修正）
parseInt('08', 10)    // 8（推荐始终传 radix）

// 在 V8 引擎层面，typeof 的实现大致是：
// 如果 type_tag === 0，返回 'object'
// null 的二进制正好全部为 0...

'1' + 2 + 3  →  '123'
1 + 2 + '3'  →  '33'

console.log(true + false);
console.log([] + {});
console.log({} + []);
console.log(1 + - + + + 1);

true + false      // 1（ToNumber(true)=1, ToNumber(false)=0, 1+0=1）
[] + {}           // '[object Object]'（[]→'', {}→'[object Object]'）
{} + []           // 0（⚠ 这行在浏览器中结果是 0）
// 原因：行首 {} 被解析为代码块（空语句块），实际表达式是 +[] → 0
// 若加括号：({} + []) → '[object Object]'
1 + - + + + 1     // 0
// 一元 + 和 - 从右向左结合：+1=1, ++1=1, ++1=1, -1=-1, 1+(-1)=0

function isEqual(a, b, cache = new WeakSet()) {
  // 处理 NaN（NaN !== NaN）
  if (a !== a && b !== b) return true;

  // 处理基本类型和 null/undefined
  if (a === b) return true;
  if (a === null || b === null || typeof a !== typeof b) return false;

  // 处理循环引用
  if (cache.has(a) || cache.has(b)) return a === b;
  cache.add(a);
  cache.add(b);

  // 处理 Date
  if (a instanceof Date && b instanceof Date) {
    return a.getTime() === b.getTime();
  }

  // 处理 RegExp
  if (a instanceof RegExp && b instanceof RegExp) {
    return a.source === b.source && a.flags === b.flags;
  }

  // 处理 Map
  if (a instanceof Map && b instanceof Map) {
    if (a.size !== b.size) return false;
    for (const [k, v] of a) {
      if (!b.has(k) || !isEqual(v, b.get(k), cache)) return false;
    }
    return true;
  }

  // 处理 Set
  if (a instanceof Set && b instanceof Set) {
    if (a.size !== b.size) return false;
    for (const v of a) {
      if (!b.has(v)) return false;
    }
    return true;
  }

  // 处理数组和对象
  const keysA = Object.keys(a);
  const keysB = Object.keys(b);
  if (keysA.length !== keysB.length) return false;

  for (const key of keysA) {
    if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
    if (!isEqual(a[key], b[key], cache)) return false;
  }

  return true;
}

// 测试
const obj1 = { a: 1, b: { c: NaN } };
const obj2 = { a: 1, b: { c: NaN } };
console.log(isEqual(obj1, obj2)); // true
console.log(isEqual(NaN, NaN));   // true
console.log(isEqual(+0, -0));     // true（=== 返回 true）

// 1. 表单输入值拼接而非求和
const age = '18';                  // input.value 返回 string
console.log(age + 1);             // '181' 而非 19

// 2. if 条件对 0 的误判
function processCount(count) {
  if (count) {                     // count=0 时不会执行
    // ...
  }
}
// 修复：if (count !== null && count !== undefined)

// 3. 对象作为 Map 的 key
const key = { id: 1 };
const map = { [key]: 'value' };    // key 被 toString() 转为 '[object Object]'
// 修复：用 Map 数据结构替代

// 4. Array.indexOf 无法找到 NaN
[NaN].indexOf(NaN);  // -1（indexOf 使用严格相等）
// 修复：使用 Array.prototype.includes
[NaN].includes(NaN); // true