首頁 > 文章 > CMS教程 > 重新表達的標題為：The Concept of Object()

重新表達的標題為：The Concept of Object()

WBOY原創: 2023-09-03 23:49:10729瀏覽

重新表达的标题为：The Concept of Object()

使用內建的 Object() 建構函數，我們可以動態建立通用的空物件。事實上，如果你還記得第一章的開頭，這正是我們透過創建 cody 物件所做的事情。讓我們重新建立 cody 物件。

#範例：sample69.html

<!DOCTYPE html><html lang="en"><body><script>

	var cody = new Object(); // Create an empty object with no properties.

	for (key in cody) { // Confirm that cody is an empty generic object.
		if (cody.hasOwnProperty(key)) {
			console.log(key); // Should not see any logs, because cody itself has no properties.
		}
	}

</script></body></html>

在這裡，我們所做的就是使用 Object() 建構子來建立一個名為 cody 的通用物件。您可以將 Object() 建構子視為千篇一律的工具，用於建立沒有預先定義屬性或方法的空物件（當然，從原型鏈繼承的物件除外）。

如果不是很明顯，Object() 建構子本身就是一個物件。也就是說，建構函數是基於從 Function 建構函數所建立的物件。這可能會令人困惑。請記住，與 Array 建構子一樣，Object 建構子只是吐出空白物件。是的，您可以建立您喜歡的所有空物件。但是，創建像 cody 這樣的空物件與使用預定義屬性建立自己的建構函數有很大不同。確保您了解 cody 只是一個基於 Object() 建構函數的空物件。要真正利用JavaScript 的力量，您不僅需要學習如何從Object() 建立空物件容器，還需要學習如何建立自己的物件「類別」(Person()) ，例如Object() 建構子本身。

`Object()` 參數

Object() 建構子採用一個可選參數。此參數是您想要建立的值。如果您未提供任何參數，則將假定 null 或 undefined 值。

範例：sample70.html

<!DOCTYPE html><html lang="en"><body><script>

	// Create an empty object with no properties.
	var cody1 = new Object();
	var cody2 = new Object(undefined);
	var cody3 = new Object(null);

	console.log(typeof cody1, typeof cody2, typeof cody3); // Logs 'object object object'.

</script></body></html>

如果將 null 或 undefined 以外的值傳遞給 Object 建構函數，則傳遞的值將會建立為物件。因此理論上，我們可以使用 Object() 建構子來建立任何其他具有建構函式的本機物件。在下一個範例中，我就是這麼做的。

範例：sample71.html

<!DOCTYPE html><html lang="en"><body><script>

	/* Use the Object() constructor to create string, number, array, function, Boolean, and regex objects. */

	// The following logs confirm object creation.
	console.log(new Object('foo'));
	console.log(new Object(1));
	console.log(new Object([]));
	console.log(new Object(function () { }));
	console.log(new Object(true));
	console.log(new Object(/\bt[a-z]+\b/));

	/* Creating string, number, array, function, Boolean, and regex object instances via the Object() constructor is really never done. I am just demonstrating that it can be done. */

</script></body></html>

`Object()` 屬性與方法

Object() 物件具有以下屬性（不包括繼承的屬性和方法）：

屬性（Object.prototype;）：

原型

`Object()` 實例屬性與方法

Object()物件實例具有下列屬性和方法（不包含繼承的屬性和方法）：

實例屬性 (var myObject = {}; myObject.constructor;):

建構子

實例方法 (var myObject = {}; myObject.toString();):

hasOwnProperty()
isPrototypeOf()
propertyIsEnumerable()
#toLocaleString()
toString()
#valueOf()

原型鏈以Object.prototype結尾，因此Object()的所有屬性和方法都會被所有JavaScript物件繼承。

使用「物件文字」建立 `Object()` 物件

建立「物件文字」需要使用大括號實例化有或沒有屬性的物件（var cody = {};）。還記得在第一章開始時我們創建了一次性 cody 對象，然後使用點表示法賦予 cody 對象屬性嗎？讓我們再做一次。

範例：sample72.html

<!DOCTYPE html><html lang="en"><body><script>

	var cody = new Object();
	cody.living = true;
	cody.age = 33;
	cody.gender = 'male';
	cody.getGender = function () { return cody.gender; };

	console.log(cody); // Logs cody object and properties.

</script></body></html>

請注意，程式碼中建立 cody 物件及其屬性需要五個語句。使用物件文字表示法，我們可以在一條語句中表達相同的 cody 物件。

範例：sample73.html

<!DOCTYPE html><html lang="en"><body><script>

	var cody = {
		living: true,
		age: 23,
		gender: 'male',
		getGender: function () { return cody.gender; }
	};
	// Notice the last property has no comma after it.

	console.log(cody); // Logs the cody object and its properties.

</script>
</body>

使用文字表示法使我們能夠使用更少的程式碼建立物件（包括定義的屬性）並直觀地封裝相關資料。請注意在單一語句中使用 : 和 , 運算子。由於其簡潔性和可讀性，這實際上是在 JavaScript 中建立物件的首選語法。

您應該知道屬性名稱也可以指定為字串：

範例：sample74.html

<!DOCTYPE html><html lang="en"><body><script>

	var cody = {
		'living': true,
		'age': 23,
		'gender': 'male',
		'getGender': function () { return cody.gender; }
	};

	console.log(cody); // Logs the cody object and its properties.

</script>
</body>

沒有必要將屬性指定為字串，除非屬性名稱：

是保留關鍵字之一（class）。
包含空格或特殊字元（數字、字母、美元符號 ($) 或底線 (_) 字元以外的任何字元）。
以數字開頭。

小心！物件的最後一個屬性不應有尾隨逗號。這會在某些 JavaScript 環境中導致錯誤。

所有物件繼承自`Object.prototype`

JavaScript中的Object()建構子比較特殊，因為它的prototype屬性是原型鏈中的最後一站。

在以下示例中，我使用 foo 属性扩充 Object.prototype，然后创建一个字符串并尝试访问 foo 属性，就好像它是字符串实例的属性一样。由于 myString 实例没有 foo 属性，因此原型链启动并在 String.prototype 中查找值。它不在那里，所以下一个要查找的位置是 Object.prototype，这是 JavaScript 查找对象值的最终位置。找到了 foo 值，因为我添加了它，因此它返回 foo 的值。

示例：sample75.html

<!DOCTYPE html><html lang="en"><body><script>

	Object.prototype.foo = 'foo';

	var myString = 'bar';


	// Logs 'foo', being found at Object.prototype.foo via the prototype chain.
	console.log(myString.foo);

</script>
</body>

结论

小心！添加到 Object.prototype 的任何内容都将显示在 for in 循环和原型链中。因此，据说禁止更改 Object.prototype 。

以上是重新表達的標題為：The Concept of Object()的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript html String Array Object NULL 运算符 for 封装构造函数字符串循环继承 class var 值传递 undefined function 对象 constructor prototype

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：使用 Subversion 重新檢視 WordPress Checkout下一篇：使用 Subversion 重新檢視 WordPress Checkout

看更多

重新表達的標題為：The Concept of Object()

Object() 參數

Object() 屬性與方法

Object() 實例屬性與方法

使用「物件文字」建立 Object() 物件

所有物件繼承自Object.prototype

结论

相關文章

`Object()` 參數

`Object()` 屬性與方法

`Object()` 實例屬性與方法

使用「物件文字」建立 `Object()` 物件

所有物件繼承自`Object.prototype`