資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何檢查物件的建構函式是否為 JavaScript 物件？
在本文中，我們將檢查物件的建構函式是否為 JavaScript 物件。任何 JavaScript 變數的 constructor 屬性都返回對建立例項物件的 **Object** 建構函式的引用。此屬性的值是對函式本身的引用。
所有物件都具有 constructor 屬性，並且在沒有建構函式的情況下建立的物件將具有一個 constructor 屬性，該屬性指向該物件的底層物件建構函式型別。
要檢查提供的值的建構函式是否是由物件建構函式建立的物件，我們需要將物件 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>點選“**檢查**”按鈕，所有測試用例都將執行並顯示輸出為真或假。正如我們在上述程式碼中看到的，如果物件是由物件建構函式建立的，則它將結果顯示為真，否則將結果顯示為假。在上面的程式碼中，我們對測試用例 1、3 和 4 獲取了真值，因為它們都是使用物件建構函式建立的。這裡，物件建構函式屬性返回的值與第 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>
更新於： 2022年7月21日
894 次瀏覽
廣告