首頁 > 文章 > web前端 > 如何檢查物件的建構函數是否是 JavaScript 物件？

如何檢查物件的建構函數是否是 JavaScript 物件？

WBOY轉載: 2023-09-15 08:25:05639瀏覽

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

在本文中，我們將檢查物件的建構子是否為 JavaScript 物件。任何 JavaScript 變數的 constructor 屬性都會傳回建立實例物件的 Object 建構子的參考。此屬性的值是對函數本身的參考。

所有物件都具有建構函式屬性，並且在沒有建構函式的情況下建立的物件將具有指向該基本物件建構函式類型的建構函式屬性。

要檢查提供的值的建構函式是否是由物件建構函式建立的對象，我們需要將物件的建構函式屬性值與對應的物件建構函式參考進行比較。 constructor 屬性傳回建立實例的建構函式的參考。

語法

以下是檢查物件的建構子是否為Object 的函數語法

function check(obj) {
   return obj.constructor === Object ? true : false
}

範例

在下面的程式中，我們檢查六個物件的建構子是否為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>

當點選「檢查」按鈕時，所有測試案例都會執行並顯示輸出為 true 或 false。正如我們在上面的程式碼中看到的，如果物件是由物件建構函數建立的，則結果將反映為 true，否則將顯示結果為 false。在上面的程式碼中，測試案例 1、3 和 4 的結果為 true，因為它們都是使用物件建構函式建立的。這裡，物件建構函數屬性傳回的值等於第 1、3 和 4 種情況下的物件。

範例（尋找物件的建構子）

在下面的程式中，我們發現使用不同方法建立的四個不同物件的建構子。我們應用Object.constructor屬性來尋找物件的建構子。

<html>
<body>
   <h3> Find the Constructor of Objects</h3>
   <p id="demo"></p>
   <script>
      function Student(first, last, course) {
         this.firstName = first;
         this.lastName = last;
         this.course = course;
      }
      const stud1 = new Student("John", "Doe", "M.Tech");
      const stud2 = new Object();
      const stud3 = new Object;
      var stud4 = {
         firstName: "John",
         lastName: "Doe",
         course: "M.Tech"
      }
      document.getElementById("demo").innerHTML +=`Constructor of stud1: ${stud1.constructor} <br>`;
      document.getElementById("demo").innerHTML +=`<br>Constructor of stud2: ${stud2.constructor} <br>`;
      document.getElementById("demo").innerHTML +=`<br>Constructor of stud3: ${stud3.constructor} <br>`;
      document.getElementById("demo").innerHTML +=`<br>Constructor of stud4: ${stud4.constructor} <br>`;
   </script>
</body>
</html>

以上是如何檢查物件的建構函數是否是 JavaScript 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript Object 构造函数对象 constructor

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何將資料儲存到 DOM 中？下一篇：如何將資料儲存到 DOM 中？

看更多