日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

在本文中,我們將檢查對象的構造函數是否是 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 對象?的詳細內容,更多請關注www.92cms.cn其它相關文章!

分享到:
標簽:javascript 函數 對象 構造 檢查
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定