객체의 생성자가 JavaScript 객체인지 확인하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

객체의 생성자가 JavaScript 객체인지 확인하는 방법은 무엇입니까?

WBOY

풀어 주다： 2023-09-15 08:25:05

앞으로

615명이 탐색했습니다.

如何检查对象的构造函数是否是 JavaScript 对象？

이 글에서는 객체의 생성자가 자바스크립트 객체인지 확인해보겠습니다. 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의 경우 객체와 동일한 값을 반환합니다.