객체의 생성자가 JavaScript 객체인지 확인하는 방법은 무엇입니까?
- WBOY앞으로
- 2023-09-15 08:25:05654검색
이 글에서는 객체의 생성자가 자바스크립트 객체인지 확인해보겠습니다. JavaScript 변수의 생성자 속성은 인스턴스 객체를 생성한 Object 생성자에 대한 참조를 반환합니다. 이 속성의 값은 함수 자체에 대한 참조입니다.
모든 객체에는 생성자 속성이 있으며, 생성자 없이 생성된 객체에는 해당 기본 객체 생성자 유형을 가리키는 생성자 속성이 있습니다.
제공된 값의 생성자가 객체 생성자에 의해 생성된 객체인지 확인하려면 객체의 생성자 속성 값을 해당 객체 생성자 참조와 비교해야 합니다. 생성자 속성은 인스턴스를 생성한 생성자에 대한 참조를 반환합니다.
Syntax
다음은 객체의 생성자가 Object인지 확인하는 함수 구문입니다.
function check(obj) {
return obj.constructor === Object ? true : false
}Example
다음 프로그램에서는 6개의 객체의 생성자가 JavaScript 객체인지 확인합니다.
<html>
<body>
<h3 >Check if Constructor is Object</h3>
<p> Click on the check button all test cases </p>
<p>Test Case 1: {} </p>
<p>Constructor is Object:
<span id="testcase1"> </span> </p>
<p>Test Case 2: new Number(3)</p>
<p>Constructor is Object:
<span id="testcase2"> </span> </p>
<p>Test Case 3: new Object </p>
<p>Constructor is Object:
<span id="testcase3"> </span> </p>
<p>Test Case 4: new Object() </p>
<p>Constructor is Object:
<span id="testcase4"> </span> </p>
<p> Test Case 5: [] </p>
<p>Constructor is Object:
<span id="testcase5"> </span> </p>
<p>Test Case 6: "Object Constructor" </p>
<p>Constructor is Object:
<span id="testcase6"> </span> </p>
<button onclick="runTestCases()"> Check </button>
<script>
// This function will check if created by Object constructor
function check(obj) {
return obj.constructor === Object ? true : false
}
function runTestCases() {
document.getElementById("testcase1").textContent =
check({});
document.getElementById("testcase2").textContent =
check(new Number(3));
document.getElementById("testcase3").textContent =
check(new Object);
document.getElementById("testcase4").textContent =
check(new Object());
document.getElementById("testcase5").textContent =
check([]);
document.getElementById("testcase6").textContent =
check("Object Conctructor");
}
</script>
</body>
</html>"Check" 버튼을 클릭하면 모든 테스트 케이스가 실행되고 출력이 true 또는 false로 표시됩니다. 위 코드에서 볼 수 있듯이, 객체 생성자에 의해 객체가 생성되면 그 결과는 true로 반영되고, 그렇지 않으면 false로 표시됩니다. 위 코드에서 테스트 사례 1, 3, 4는 모두 개체 생성자를 사용하여 생성되었으므로 결과가 true입니다. 여기서 객체 생성자 속성은 1, 3, 4의 경우 객체와 동일한 값을 반환합니다.
예제(객체의 생성자 찾기)
아래 프로그램에서는 서로 다른 방법을 사용하여 생성된 네 가지 객체의 생성자를 찾습니다. Object.constructor 속성을 적용하여 객체의 생성자를 찾습니다.
rreee위 내용은 객체의 생성자가 JavaScript 객체인지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!