메타프로그래밍과 자바스크립트

/**
 * 일반적인 프로그래밍
 */
const numbers = [1, 2, 3];
const doubled = numbers.map((num) => num * 2);
console.log(doubled); // [2, 4, 6]

/**
 * 메타프로그래밍
 */
const user: { name: string; age: number } = { name: "동우", age: 27 };
for (const key in user) {
  console.log(`${key}의 타입은 ${typeof user[key as keyof typeof user]}입니다.`);
}

// name의 타입은 string입니다.
// age의 타입은 number입니다.

/**
 * 타입 확인하기
 */
console.log(typeof "IMKDW-DEV-BLOG"); // string
console.log(typeof 123); // number
console.log(typeof true);

/**
 * 어떤 클래스인지 확인
 */
class User {}
class Admin {}
const user = new User();
console.log(user instanceof User); // true
console.log(user instanceof Admin); // false

/**
 * 객체 내용 수정하기
 */
const user: { name: string; age?: number } = { name: "동우", age: 27 };
console.log(user); // { name: '동우', age: 27 }

user.name = "우동";
console.log(user); // { name: '우동', age: 27 }

delete user.age;
console.log(user); // { name: '우동' }

/**
 * 클래스의 동작 수정하기
 */
class Animal {
  speak() {
    return "...";
  }
}

const dog = new Animal();
console.log(dog.speak()); // ...

Animal.prototype.speak = () => {
  return "왈왈";
};

console.log(dog.speak()); // 왈왈

type User = { name: string; age: number };

const user: User = { name: "동우", age: 27 };

const proxyUser = new Proxy(user, {
  get(target: User, prop: keyof User) {
    console.log(`${prop}에 접근을 시도중임`);
    return target[prop];
  },
  set(target: User, prop: keyof User, value: User[keyof User]) {
    if (prop === "age" && typeof value === "number" && value < 0) {
      throw new Error("나이는 0보다 작을 수 없습니다.");
    }

    (target[prop] as User[keyof User]) = value;

    return true;
  },
});

// name에 접근을 시도중임
// 동우
console.log(proxyUser.name);

proxyUser.age = 30;
console.log(proxyUser.age); // 30

// Error: 나이는 0보다 작을 수 없습니다.
proxyUser.age = -1;