JavaScript는 동적인 타입 언어로서, 변수에는 다양한 타입의 값을 할당할 수 있습니다. 이러한 동적 타입 언어의 특성은 개발 시 유연성을 제공하지만, 때로는 예기치 않은 동작을 일으킬 수도 있습니다. 이러한 문제를 해결하기 위해 JavaScript 엔진은 값의 타입을 추론하고 변환하는 과정에서 래퍼(Wrapper) 객체를 사용합니다.
래퍼 객체란 무엇인가요?
래퍼 객체는 원시 타입(Primitive Type)인 숫자(Number), 문자열(String), 불리언(Boolean)을 객체로 감싸주는 역할을 합니다. 이러한 래퍼 객체는 자바스크립트 엔진 내부에서 암묵적으로 생성되어 변수에 할당됩니다. 예를 들어, 숫자 10을 감싸는 래퍼 객체인 Number를 생성하고, 이를 변수에 할당하면 다음과 같습니다.
let num = new Number(10);
이제 변수 num은 숫자를 감싼 래퍼 객체 Number의 인스턴스가 됩니다. 따라서 변수 num에서는 Number 객체에 정의된 메소드와 속성을 사용할 수 있습니다.
래퍼 객체의 동작 원리
자바스크립트는 원시 타입에 메소드를 직접 호출할 수 없습니다. 그러나 래퍼 객체를 사용하면 원시 타입에 대해 마치 객체처럼 메소드를 호출할 수 있습니다. 이는 자바스크립트 엔진이 원시 타입을 인식하고 래퍼 객체로 자동 변환하는 과정을 통해 가능해집니다.
래퍼 객체를 사용한 간단한 예시를 살펴보겠습니다. 숫자 변수에 toFixed라는 메소드를 호출하여 소수점 이하 자리수를 맞추는 기능을 구현하려면 다음과 같이 할 수 있습니다.
let num = 10;
console.log(num.toFixed(2)); // 결과: 10.00
위 예시에서 toFixed 메소드는 실제로 래퍼 객체 Number의 메소드입니다. 하지만 자바스크립트 엔진은 변수 num이 숫자 타입이므로 내부적으로 Number 객체로 변환하여 메소드를 호출합니다.
래퍼 객체의 활용 사례
래퍼 객체의 활용 사례 중 하나는 문자열과 관련된 작업에서 찾아볼 수 있습니다. 문자열은 기본적으로 불변(immutable)이기 때문에 문자열을 직접 수정하는 작업은 어렵습니다. 하지만 래퍼 객체를 활용하면 문자열을 간접적으로 수정할 수 있습니다.
래퍼 객체를 사용한 문자열 수정 예시를 살펴보겠습니다. 문자열 변수에 toUpperCase라는 메소드를 호출하여 모든 문자를 대문자로 변환하는 기능을 구현하려면 다음과 같이 할 수 있습니다.
let str = "hello";
let modifiedStr = str.toUpperCase();
console.log(modifiedStr); // 결과: "HELLO"
위 예시에서 toUpperCase 메소드를 사용하여 str 변수의 문자열을 대문자로 변환하였습니다. 자바스크립트 엔진은 문자열을 래퍼 객체 String으로 변환하고 toUpperCase 메소드를 호출한 후, 변환된 결과를 다시 문자열로 반환합니다.
결론
자바스크립트 엔진은 원시 타입과 래퍼 객체를 자동으로 변환하여 유연성을 제공합니다. 래퍼 객체를 통해 원시 타입에 대해 객체처럼 메소드를 호출하고 속성에 접근할 수 있습니다. 이를 통해 문자열 수정, 숫자 계산 등 다양한 기능을 구현할 수 있습니다.
참고 자료: