JavaScript Boolean constructor 속성 이해하기: 개념부터 실전 예제까지

JavaScript Boolean constructor 속성이란?

JavaScript의 constructor 속성은 해당 객체를 생성한 생성자 함수에 대한 참조를 반환합니다. Boolean 객체의 경우, constructor 속성은 Boolean 프로토타입을 만든 원본 생성자 함수인 function Boolean() { [native code] }을 반환합니다.

이 속성은 객체의 출처를 확인하거나, 런타임에서 새로운 Boolean 객체를 동적으로 생성할 때 유용하게 활용됩니다.

기본 문법

bool.constructor

실전 예제 코드

아래는 JavaScript Boolean constructor 속성의 동작을 확인하는 전체 예제 코드입니다.

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }
</style>
</head>
<body>
<h1>JavaScript Boolean constructor 속성</h1>
<p class="sample"></p>
<button class="btn">CLICK HERE</button>
<h3>위 버튼을 클릭하면 Boolean 생성자 함수가 표시됩니다.</h3>
<script>
    var bool = true;
    document.querySelector(".btn").addEventListener("click", () => {
        document.querySelector(".sample").innerHTML =
        "Boolean 생성자 함수: <br>" + bool.constructor;
    });
</script>
</body>
</html>

실행 결과

페이지가 로드되면 초기 화면은 다음과 같습니다.

JavaScript Boolean constructor 속성 이해하기: 개념부터 실전 예제까지

여기서 “CLICK HERE” 버튼을 클릭하면 아래와 같이 Boolean 생성자 함수가 화면에 출력됩니다.

JavaScript Boolean constructor 속성 이해하기: 개념부터 실전 예제까지

결과 해석

버튼을 클릭하면 true 값의 constructor 속성을 참조하여 다음과 같은 결과가 표시됩니다.

function Boolean() { [native code] }

이는 true라는 불리언 값이 내장 Boolean() 생성자 함수로부터 파생되었음을 의미합니다.

정리

constructor 속성은 모든 JavaScript 객체에서 사용할 수 있으며, 객체를 생성한 함수를 참조합니다.
불리언 원시 값과 Boolean 객체 모두 Boolean 생성자를 참조합니다.
객체 타입 검사나 동적 인스턴스 생성 시 활용도가 높습니다.