[javascript] 동적 프로퍼티를 활용한 객체의 동적 기능 구현 예시

14 Dec 2023

javascript

이번 예제에서는 Javascript의 동적 프로퍼티를 활용하여 객체에 동적으로 기능을 추가하는 방법에 대해 설명하겠습니다. 동적 프로퍼티는 실행 중에 객체에 새로운 프로퍼티를 추가하고 삭제할 수 있는 기능을 말합니다.

기능 요구사항

이번 예제에서는 간단한 계산기 객체의 동적 기능을 구현해보겠습니다. 계산기 객체에는 더하기, 빼기, 곱하기, 나누기와 같은 연산 기능을 동적으로 추가할 것입니다.

예시 코드

아래는 Javascript를 사용하여 동적으로 기능을 추가하는 예시 코드입니다.

// 계산기 객체 생성
const calculator = {
  number1: 0,
  number2: 0,
};

// 더하기 기능 동적 추가
calculator.add = function () {
  return this.number1 + this.number2;
};

// 빼기 기능 동적 추가
calculator.subtract = function () {
  return this.number1 - this.number2;
};

// 곱하기 기능 동적 추가
calculator.multiply = function () {
  return this.number1 * this.number2;
};

// 나누기 기능 동적 추가
calculator.divide = function () {
  if (this.number2 === 0) {
    return "나누는 수는 0이 될 수 없습니다.";
  }
  return this.number1 / this.number2;
};

// 계산기 객체 사용
calculator.number1 = 10;
calculator.number2 = 5;

console.log(calculator.add()); // 15
console.log(calculator.subtract()); // 5
console.log(calculator.multiply()); // 50
console.log(calculator.divide()); // 2

위의 코드에서 calculator 객체에 add, subtract, multiply, divide라는 동적으로 추가된 기능을 확인할 수 있습니다.

동적으로 메소드(함수)를 추가함으로써, 계산기 객체가 실행 중에 필요한 기능을 동적으로 확장할 수 있게 되었습니다.

결론

Javascript의 동적 프로퍼티를 이용하면 실행 중에 객체의 기능을 동적으로 추가하거나 제거할 수 있습니다. 이를 통해 코드의 유연성을 높일 수 있고, 필요에 따라 객체의 동적 기능을 쉽게 확장할 수 있습니다.