JAVASCRIPT · 패턴
데코레이터
JavaScript에서 데코레이터 개념을 코드로 빠르게 확인하는 패턴 예제입니다.
패턴입문javascriptpatternsexample-04
핵심 설명
JavaScript에서 데코레이터 개념을 코드로 빠르게 확인하는 패턴 예제입니다.
JavaScript code
// 데코레이터
const middlewares = [(ctx, next) => { ctx.steps.push("a"); return next(); }, (ctx, next) => { ctx.steps.push("b"); return next(); }];
const ctx = { steps: [] };
let index = -1;
const run = (i) => { if (i <= index) throw new Error("twice"); index = i; const mw = middlewares[i]; if (mw) return mw(ctx, () => run(i + 1)); };
run(0);
console.log(ctx.steps);학습 팁
패턴은 이름보다 책임 분리와 교체 가능성에 주목하면 더 실용적으로 이해됩니다.
주의할 점
패턴 이름만 따라 하고 결합도를 줄이지 못하면 구조가 오히려 더 복잡해집니다.
자주 묻는 질문
데코레이터란 무엇인가요?
JavaScript에서 데코레이터 개념을 코드로 빠르게 확인하는 패턴 예제입니다.
데코레이터 학습 시 주의할 점은 무엇인가요?
패턴 이름만 따라 하고 결합도를 줄이지 못하면 구조가 오히려 더 복잡해집니다.