Menggunakan pembina Object() terbina dalam, kita boleh mencipta objek kosong generik secara dinamik. Malah, jika anda masih ingat dari awal Bab 1, inilah yang kami lakukan dengan mencipta objek cody. Mari kita cipta semula objek cody.
Contoh: 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>
Di sini, apa yang kita lakukan ialah menggunakan pembina Object()
untuk mencipta objek generik yang dipanggil cody. Anda boleh menganggap pembina Object()
sebagai alat pemotong kuki untuk mencipta objek kosong tanpa sifat atau kaedah yang dipratakrifkan (kecuali, sudah tentu, untuk objek yang diwarisi daripada rantai prototaip). 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
Object()
ialah objek itu sendiri. Iaitu, pembina adalah berdasarkan objek yang dicipta daripada pembina Function
. Ini boleh mengelirukan. Ingat, seperti pembina Array
, pembina Object
hanya meludahkan objek kosong. Ya, anda boleh mencipta semua objek kosong yang anda suka. Walau bagaimanapun, mencipta objek kosong seperti cody sangat berbeza daripada mencipta pembina anda sendiri dengan sifat yang telah ditetapkan. Pastikan anda memahami bahawa cody hanyalah objek kosong berdasarkan pembina Object()
. Untuk benar-benar memanfaatkan kuasa JavaScript, anda bukan sahaja perlu belajar cara membuat bekas objek kosong daripada Object()
, tetapi anda juga perlu belajar cara membina "class" objek anda sendiri (< code>Person()), seperti pembina Object()
itu sendiri. 🎜
Objek()
parameternull
atau undefined
akan diandaikan. 🎜
🎜Contoh: sample70.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>
null
atau undefined
diserahkan kepada pembina Object
, nilai yang diluluskan akan dibuat sebagai objek. Jadi secara teori, kita boleh menggunakan pembina Object()
untuk mencipta sebarang objek asli lain yang mempunyai pembina. Dalam contoh seterusnya, saya berbuat demikian. 🎜
🎜Contoh: sample71.html🎜
rrreee
Objek()
Sifat dan KaedahObject.prototype;
): 🎜
Prototaip
Object()
Sifat dan kaedah contohObject()
Instance objek mempunyai sifat dan kaedah berikut (tidak termasuk sifat dan kaedah yang diwarisi): 🎜
🎜Sifat instance (var myObject = {};
myObject.constructor;
):🎜
Pembina
var myObject = {};
myObject.toString();
): 🎜
hasOwnProperty()
isPrototypeOf()
propertyIsEnumerable()
toLocaleString()
toString()
valueOf()
Object.prototype
, jadi semua sifat dan kaedah Object()
akan diwarisi oleh semua objek JavaScript. 🎜
Object()
menggunakan "literal objek"var cody = {};
). Ingat pada permulaan Bab 1 apabila kita mencipta objek cody sekali dan kemudian menggunakan notasi titik untuk menetapkan sifat kepada objek cody? Jom buat lagi. 🎜
🎜Contoh: sample72.html🎜
rrreee
🎜Sila ambil perhatian bahawa kod memerlukan lima pernyataan untuk mencipta objek cody
dan sifatnya. Menggunakan notasi literal objek, kita boleh menyatakan objek cody
yang sama dalam satu pernyataan. 🎜
🎜Contoh: sample73.html🎜
rrreee
🎜Menggunakan notasi literal membolehkan kami mencipta objek (termasuk sifat yang ditentukan) dengan kod yang kurang dan merangkum data berkaitan secara visual. Perhatikan penggunaan operator :
dan ,
dalam satu pernyataan. Oleh kerana kesederhanaan dan kebolehbacaannya, ini sebenarnya sintaks pilihan untuk mencipta objek dalam JavaScript. 🎜
🎜Anda harus tahu bahawa nama hartanah juga boleh dinyatakan sebagai rentetan: 🎜
🎜Contoh: sample74.html🎜
rrreee
🎜Tidak perlu menentukan sifat sebagai rentetan, melainkan nama harta itu ialah: 🎜
Object.prototype
Object()
dalam JavaScript adalah istimewa kerana atribut prototaip
nya ialah hentian terakhir dalam rantaian prototaip. 🎜
在以下示例中,我使用 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
。
Atas ialah kandungan terperinci Tajuk yang dirumus semula ialah: Konsep Objek(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!