강의 들은 거 요약 - generator, Proxy

1. generator

• 일반 함수와 달리 function* 키워드를 사용하여 정의
• yield 키워드를 통해 실행을 일시 중지하고, 호출자의 제어를 반환
• next() 메서드를 사용하여 제어를 다시 가져와 중지된 부분부터 실행을 재개
• 값을 순차적으로 생성하는 이터러블 객체를 만드는데 유용

function* numberGenerator() {
    yield 1;
    yield 2;
    yield 3;
}

const gen = numberGenerator();

console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // 3

 

 

2. Proxy

• 기본적인 동작(속성 접근, 할당, 삭제 등)을 트랩(가로채기)할 수 있게 하는 래퍼 객체
• get, set, deleteProperty 등의 트랩을 통해 객체의 동작을 제어 가능
• 객체의 동작을 로깅하거나 유효성 검사를 하는 데 사용할 수 있음

const target = { name: "Alice", age: 25 };

const handler = {
    get: function (obj, prop) {
        return prop in obj ? obj[prop] : `Property ${prop} not found`;
    },
    set: function (obj, prop, value) {
        if (prop === "age" && typeof value !== "number") {
            throw new TypeError("Age must be a number");
        }
        obj[prop] = value;
        return true;
    }
};

const proxy = new Proxy(target, handler);

console.log(proxy.name); // Alice
console.log(proxy.gender); // Property gender not found

proxy.age = 30; // 정상 작동
// proxy.age = "thirty"; // TypeError: Age must be a number