ch09. 타입 변환과 단축 평가 — JS는 왜 에러 대신 변환을 선택했나

// JavaScript — 변환해서라도 동작시킨다
"5" - 1     // 4
true + 1    // 2

# Python — 즉시 에러
"5" - 1     # TypeError: unsupported operand type(s)

// Rust — 컴파일 자체가 안 된다
// let x: i32 = 1 + 1.0;  // error: expected `i32`, found `{float}`

1 + '2'        // "12"   — 숫자가 문자열로
true + ''      // "true"
null + ''      // "null"
undefined + '' // "undefined"

'5' - 1    // 4    — 문자열이 숫자로
'5' * 2    // 10
'5' / 1    // 5
'5' + 1    // "51" — 여기만 문자열 연결!

// ToNumber 변환 테이블
Number('')          // 0
Number('  ')        // 0    — 공백 문자열도 0
Number('10')        // 10
Number('10px')      // NaN  — 숫자가 아닌 문자 포함
Number(true)        // 1
Number(false)       // 0
Number(null)        // 0
Number(undefined)   // NaN  ← null과 다르다!

Boolean(false)      // false
Boolean(0)          // false
Boolean(-0)         // false
Boolean(0n)         // false (BigInt의 0)
Boolean('')         // false
Boolean(null)       // false
Boolean(undefined)  // false
Boolean(NaN)        // false

String(1)          // "1"
(1).toString()     // "1"
1 + ''             // "1" — 암묵적이지만 관례적으로 사용

Number('10')       // 10
parseInt('10px')   // 10   — 앞에서부터 파싱, 숫자 아닌 문자에서 멈춤
parseFloat('3.14') // 3.14
+'10'              // 10   — 단항 + 연산자
'10' * 1           // 10

Number('10px')     // NaN  — 전체가 온전한 숫자가 아니므로 실패
parseInt('10px')   // 10   — 앞에서부터 숫자를 추출, 'px'에서 멈춤

Number('')         // 0    — 빈 문자열은 0으로 변환
parseInt('')       // NaN  — 추출할 숫자가 없음

Boolean('hello')   // true
!!'hello'          // true — !! 이중 부정 (관례적 방법)

(123).toString()       // "123"
true.toString()        // "true"
[1, 2, 3].toString()   // "1,2,3"
new Date().toString()  // "Tue Apr 01 2026 12:00:00 GMT+0900"

const obj = {};
obj.toString()    // "[object Object]" ✅
obj.toNumber()    // ❌ TypeError: not a function
obj.toBoolean()   // ❌ TypeError: not a function

[1, 2, 3].toString()    // "1,2,3"          — 배열만의 표현
new Date().toString()   // "Tue Apr 01 ..."  — Date만의 표현
/regex/.toString()      // "/regex/"         — 정규식만의 표현

Boolean({})                  // true
Boolean([])                  // true
Boolean(new Boolean(false))  // true — false를 감싼 객체조차!

String(null)          // "null"      ✅
String(undefined)     // "undefined" ✅
null.toString()       // ❌ TypeError — null은 객체가 아니라 메서드가 없다
undefined.toString()  // ❌ TypeError — undefined도 마찬가지

(255).toString(16)    // "ff"       — 16진법 (Number.prototype.toString의 고유 기능)
(255).toString(2)     // "11111111" — 2진법
String(255)           // "255"      — 항상 10진법, 커스텀 불가

'hello' || 'world'     // 'hello' — 이미 truthy, 끝
0 || 'fallback'        // 'fallback' — 0은 falsy, 다음으로
0 || '' || 'default'   // 'default' — 0 falsy, '' falsy, 마지막 도달

'cat' && 'dog'    // 'dog' — 'cat'이 truthy이므로 끝까지 평가
0 && 'dog'        // 0 — 이미 falsy, 끝

// 기본값 할당
const name = userInput || '익명';

// 조건부 함수 실행
isLoggedIn && showDashboard();

// null/undefined 체크
const length = str && str.length;

0 || 10      // 10  — 0을 falsy로 판정
0 ?? 10      // 0   — 0은 null/undefined가 아니니 통과

'' || '기본값'  // '기본값'
'' ?? '기본값'  // ''

false || true   // true
false ?? true   // false

const user = { address: { city: 'Seoul' } };

// 옵셔널 체이닝 없이
const city = user && user.address && user.address.city;

// 옵셔널 체이닝으로
const city = user?.address?.city;  // 'Seoul'

const user2 = null;
user2?.address?.city;  // undefined (에러 안 남)

obj?.prop       // 프로퍼티 접근
obj?.[expr]     // 계산된 프로퍼티 접근
func?.()        // 함수 호출 (func가 null이면 undefined)

const city = user?.address?.city ?? '미지정';
// user가 없거나 address가 없거나 city가 없으면 → '미지정'
// city가 빈 문자열 ''이면 → '' (빈 문자열 유지)