순수 함수와 불변성

// 배열의 각 숫자를 두 배로 만드는 함수
function doubleNumbers(numbers: number[]): number[] {
  // 입력 배열을 변경하지 않고 새로운 배열을 반환
  return numbers.map(num => num * 2);
}

const originalNumbers = [1, 2, 3];
const doubledNumbers = doubleNumbers(originalNumbers);

console.log("Original Numbers:", originalNumbers); // [1, 2, 3] - 원본 변경 없음
console.log("Doubled Numbers:", doubledNumbers);   // [2, 4, 6]

// 항상 동일한 입력 -> 동일한 출력 보장
console.log(doubleNumbers([5, 6])); // [10, 12]
console.log(doubleNumbers([5, 6])); // [10, 12]

let total = 0; // 외부 상태

// 1. 외부 상태를 변경하는 함수 (부수 효과 발생)
function addToTotal(amount: number): number {
  total += amount; // 외부 변수 total을 변경
  return total;
}

console.log(addToTotal(10)); // 10
console.log(addToTotal(5));  // 15 (total 값이 이전에 변경되었으므로 출력값이 달라짐)
console.log("Final total:", total); // 15

// 2. 입력에 따라 출력이 달라지는 함수 (외부 상태에 의존)
let discountRate = 0.1; // 외부 상태

function calculatePrice(price: number): number {
  // 외부 변수 discountRate에 의존
  return price * (1 - discountRate);
}

console.log(calculatePrice(100)); // 90
discountRate = 0.2; // 외부 상태 변경
console.log(calculatePrice(100)); // 80 (동일 입력이지만 출력값 달라짐)

// 3. 콘솔 출력 (부수 효과)
function logAndReturn(value: string): string {
  console.log(value); // 콘솔 출력은 부수 효과
  return value;
}

interface User {
  name: string;
  age: number;
  hobbies: string[];
}

const userProfile: User = {
  name: "Alice",
  age: 30,
  hobbies: ["reading", "hiking"]
};

// 1. 객체 속성 직접 변경
function celebrateBirthday(user: User): void {
  user.age += 1; // user 객체의 age 속성을 직접 변경
}

// 2. 배열 직접 변경
function addHobby(user: User, newHobby: string): void {
  user.hobbies.push(newHobby); // user.hobbies 배열을 직접 변경
}

console.log("Before:", userProfile); // { name: 'Alice', age: 30, hobbies: [ 'reading', 'hiking' ] }
celebrateBirthday(userProfile);
addHobby(userProfile, "cooking");
console.log("After:", userProfile); // { name: 'Alice', age: 31, hobbies: [ 'reading', 'hiking', 'cooking' ] }

// userProfile 객체 자체가 변경되었음을 알 수 있습니다.
// 만약 이 userProfile 객체가 여러 곳에서 참조되고 있었다면,
// 의도치 않은 side effect를 유발할 수 있습니다.

interface User {
  readonly name: string; // readonly 키워드로 속성 불변성 강조
  readonly age: number;
  readonly hobbies: readonly string[]; // readonly 배열 타입
}

const userProfile: User = {
  name: "Alice",
  age: 30,
  hobbies: ["reading", "hiking"]
};

// 1. 객체 속성 변경 시 새로운 객체 반환
function getNextBirthdayUser(user: User): User {
  // 스프레드 연산자 (...)를 사용하여 새로운 객체 생성 및 속성 변경
  return { ...user, age: user.age + 1 };
}

// 2. 배열 변경 시 새로운 배열 반환
function getUserWithNewHobby(user: User, newHobby: string): User {
  // 스프레드 연산자와 slice/concat 등을 사용하여 새로운 배열 생성
  return {
    ...user,
    hobbies: [...user.hobbies, newHobby] // 새로운 배열 생성
  };
}

console.log("Original:", userProfile);
const userAfterBirthday = getNextBirthdayUser(userProfile);
const userAfterAddingHobby = getUserWithNewHobby(userAfterBirthday, "cooking");

console.log("Original after operations:", userProfile);         // 원본은 변경되지 않음
// { name: 'Alice', age: 30, hobbies: [ 'reading', 'hiking' ] }

console.log("After Birthday:", userAfterBirthday);             // 새로운 객체 생성
// { name: 'Alice', age: 31, hobbies: [ 'reading', 'hiking' ] }

console.log("After Adding Hobby:", userAfterAddingHobby);       // 또 다른 새로운 객체 생성
// { name: 'Alice', age: 31, hobbies: [ 'reading', 'hiking', 'cooking' ] }

// TypeScript의 'readonly' 키워드는 컴파일 타임에 불변성을 강제하여 실수를 방지합니다.
// userProfile.age = 31; // Error: 읽기 전용 속성이므로 'age'에 할당할 수 없습니다.
// userProfile.hobbies.push("painting"); // Error: 'readonly string[]' 형식에 'push' 속성이 없습니다.