JavaScript에서 변수를 활용해 클래스 객체 호출하는 방법

개요

JavaScript에서는 eval() 함수를 사용하여 변수에 담긴 클래스 객체를 동적으로 호출할 수 있습니다. 이번 글에서는 변수와 객체를 선언한 뒤, eval()을 통해 클래스 객체의 속성에 접근하는 방법을 예제와 함께 살펴보겠습니다.

변수 및 객체 준비하기

먼저 다음과 같이 문자열을 담은 변수를 하나 선언합니다.

var message = 'This is the Class Demo';

다음으로 이 변수를 생성자 인자로 전달하여 클래스 객체를 생성합니다.

var object = new FirstClass(message)

여기서 사용된 FirstClass 클래스는 아래와 같이 정의되어 있습니다.

class FirstClass{
    constructor( message){
       this.message = message;
    }
}

eval()을 사용한 구현 방법

eval() 함수는 문자열로 표현된 JavaScript 코드를 평가하고 실행하는 역할을 합니다. 객체를 eval()에 전달하면 해당 표현식이 평가된 결과를 반환받을 수 있으며, 이를 통해 객체의 속성값에 접근할 수 있습니다.

전체 예제 코드

class FirstClass{
    constructor( message){
       this.message = message;
    }
}
var message = 'This is the Class Demo';
var object = new FirstClass(message)
console.log(eval(object).message);

프로그램 실행하기

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo121.js라고 가정하겠습니다.

실행 결과

프로그램을 실행하면 다음과 같은 출력 결과를 확인할 수 있습니다.

PS C:\Users\Amit\JavaScript-code> node demo121.js
This is the Class Demo

정리

이처럼 eval()을 활용하면 변수에 저장된 클래스 객체를 동적으로 평가하고, 그 내부 속성인 message 값에 접근할 수 있습니다. 다만 eval()은 보안상 위험(코드 삽입 공격 등)이 있으므로 실제 서비스 환경에서는 신중하게 사용하는 것이 좋습니다. 가능하다면 직접 객체 속성에 접근하는 방식(object.message)을 우선 고려하는 것이 안전합니다.