Mengapakah JavaScript memerlukan prototaip dan rantaian prototaip?-tutorial js-php.cn

Mengapakah JavaScript memerlukan prototaip dan rantaian prototaip?

WBOY

Lepaskan： 2024-01-11 16:41:18

asal

1214 orang telah melayarinya

Mengapakah JavaScript memerlukan prototaip dan rantaian prototaip?

Mengapa prototaip dan rantaian prototaip diperlukan dalam JavaScript?

Dalam proses pembelajaran JavaScript, kita sering menemui konsep prototaip dan rantaian prototaip. Jadi, mengapakah prototaip dan rantaian prototaip diperlukan dalam JavaScript? Artikel ini akan menerangkan masalah ini melalui contoh kod tertentu.

Pertama, mari kita fahami prototaip dalam JavaScript. Dalam JavaScript, setiap objek mempunyai objek prototaip. Kita boleh mendapatkan prototaip objek melalui kaedah Object.getPrototypeOf. Object.getPrototypeOf方法来获取一个对象的原型。

let obj = {};
let proto = Object.getPrototypeOf(obj);

console.log(proto); // 输出: {}

Salin selepas log masuk

上述代码中，我们创建了一个空对象obj，然后通过Object.getPrototypeOf方法获取了它的原型对象，最后打印出来。由于obj是一个空对象，所以它的原型对象是一个空对象{}。

接下来，让我们来看一下原型的作用。在JavaScript中，每个对象都可以访问其原型对象中的属性和方法。如果一个对象访问一个属性或方法，但该对象本身并没有该属性或方法，那么JavaScript会自动去该对象的原型对象中查找。

let obj = {};
obj.toString(); // 对象自身没有toString方法，会从原型中查找

Salin selepas log masuk

在上述代码中，我们尝试调用一个空对象obj的toString方法。然而，obj并没有toString方法，所以JavaScript会去obj的原型对象中查找。由于对象默认的原型对象是{}，而{}中包含了toString方法，所以最终可以成功调用obj的toString方法。

原型链是一种用于查找对象属性和方法的机制，在JavaScript中非常重要。当一个对象查找属性或方法时，如果对象本身没有，就会去原型对象中查找。如果原型对象也没有，就会继续去原型的原型对象中查找，以此类推，直到找到该属性或方法，或者达到原型链的顶端，即null。

下面通过一个示例来演示原型链是如何工作的：

let parent = {
  name: "John",
  sayHello: function() {
    console.log("Hello, " + this.name)
  }
};

let child = Object.create(parent);
child.name = "Alice";
child.sayHello(); // 输出：Hello, Alice

Salin selepas log masuk

在上述代码中，我们创建了一个名为parent的对象，并设置了一个name属性和一个sayHello方法。然后，通过Object.create方法以parent为原型创建了一个名为child的对象。接着，我们在child对象上添加了一个name属性。最后，我们调用了child对象的sayHello方法，成功输出了Hello, Alice。

在上述示例中，当child对象调用sayHello方法时，并没有找到该方法。但是，JavaScript会去child对象的原型对象中查找，即parent对象。在parent对象中找到了sayHellorrreee

Dalam kod di atas, kami mencipta objek kosong obj, kemudian mendapatkan objek prototaipnya melalui kaedah Object.getPrototypeOf, dan akhirnya mencetaknya. Memandangkan obj ialah objek kosong, objek prototaipnya ialah objek kosong {}.

Seterusnya, mari kita lihat peranan prototaip. Dalam JavaScript, setiap objek mempunyai akses kepada sifat dan kaedah dalam objek prototaipnya. Jika objek mengakses harta atau kaedah, tetapi objek itu sendiri tidak mempunyai sifat atau kaedah, JavaScript akan mencarinya secara automatik dalam objek prototaip objek.

rrreee

Dalam kod di atas, kami cuba memanggil kaedah toString objek kosong obj. Walau bagaimanapun, obj tidak mempunyai kaedah toString, jadi JavaScript akan mencarinya dalam objek prototaip obj. Memandangkan objek prototaip lalai objek ialah {} dan {} mengandungi kaedah toString, objtoString /code. 🎜🎜Rantai prototaip ialah mekanisme untuk mencari sifat dan kaedah objek dan sangat penting dalam JavaScript. Apabila objek mencari harta atau kaedah, jika objek itu sendiri tidak mempunyai satu, ia akan mencarinya dalam objek prototaip. Jika tiada objek prototaip, ia akan terus mencari dalam objek prototaip prototaip, dan seterusnya, sehingga sifat atau kaedah ditemui, atau bahagian atas rantai prototaip dicapai, iaitu, null. 🎜🎜Berikut ialah contoh untuk menunjukkan cara rantai prototaip berfungsi: 🎜rrreee🎜Dalam kod di atas, kami mencipta objek bernama parent dan menetapkan atribut name code> dan Kaedah <code>sayHello. Kemudian, objek bernama child dicipta dengan parent sebagai prototaip melalui kaedah Object.create. Seterusnya, kami menambah atribut name pada objek child. Akhir sekali, kami memanggil kaedah sayHello objek child dan berjaya mengeluarkan Hello, Alice. 🎜🎜Dalam contoh di atas, apabila objek child memanggil kaedah sayHello, kaedah itu tidak ditemui. Walau bagaimanapun, JavaScript akan mencarinya dalam objek prototaip objek child, iaitu objek parent. Kaedah sayHello ditemui dalam objek parent, jadi ia berjaya dipanggil. 🎜🎜Melalui pengenalan dan contoh di atas, kita dapat melihat kepentingan prototaip dan rantai prototaip. Ia membolehkan JavaScript untuk melaksanakan warisan berasaskan prototaip dan berkongsi sifat dan kaedah antara objek, meningkatkan kebolehgunaan semula dan kecekapan kod. 🎜🎜Untuk meringkaskan, sebab mengapa prototaip dan rantaian prototaip diperlukan dalam JavaScript adalah untuk mencapai kaedah pewarisan dan harta bersama. Melalui mekanisme rantaian prototaip, JavaScript boleh berkongsi sifat dan kaedah antara objek, meningkatkan kebolehgunaan semula dan kecekapan kod. 🎜

Atas ialah kandungan terperinci Mengapakah JavaScript memerlukan prototaip dan rantaian prototaip?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!