Pertama -tama mari kita lihat warisan kelas JS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> warisan JS class </title> </head> <body>/ *- warisan klasik- */<name) {Text/JavaScript "> // Deklarasikan superclass var hewan = function (name) {name) {name. } // Tambahkan metode hewani animal.prototype.eat = function () {console.log (this.name + "eat"); }; // Contoh supervar A = hewan baru ("hewan"); // Buat kelas objek konstruktor var cat = function (name, sex) {// kelas ini harus memanggil konstruktor hewan superclass dan meneruskan nama parameter ke it animal.call (ini, nama); this.sex = seks; } // Objek prototipe subkelas ini sama dengan contoh superclass cat.prototype = new hewan (); // Karena objek prototipe subkelas sama dengan contoh superclass, metode prototipe.constructor juga sama dengan konsol konstruktor superclass.log (cat.prototype.constructor); // Ini adalah referensi ke superclass hewan, jadi Anda harus menugaskannya kembali kepada diri sendiri cat.prototype.constructor = Cat; console.log (cat.prototype.constructor); // Subkelas itu sendiri menambahkan metode getsex cat.prototype.getSex = function () {return this.sex; } // instance subclass ini var _m = new Cat ('cat', 'Male'); // metode sendiri console.log (_m.getsex ()); // pria // mewarisi metode superclass console.log (_m.eat ()); // kucing </script> </body> </html>Mari kita lihat warisan prototipe JS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> js prototipe pewarisan </ title> </head> <body> <!-prototipe pewarisan-> <script type = "text/javascript"> // fungsi clone () fungsi digunakan untuk membuat fungsi clelas class = "{{{{{{{) {{{{{function) (function {{{{{) // Kalimat ini adalah inti dari prototipe warisan. Objek prototipe fungsi adalah objek literal_f.prototype = obj; mengembalikan _f baru; } // mendeklarasikan objek literal pertama var hewan = {somthing: 'apple', eat: function () {console.log ("eat" + this.somthing); }} // Tidak perlu mendefinisikan subkelas orang, cukup lakukan kloning var cat = clone (hewan); // Anda dapat secara langsung mendapatkan nilai default yang disediakan oleh orang, atau Anda dapat menambahkan atau memodifikasi atribut dan metode console.log (cat.eat ()); Cat.somthing = 'oranye'; console.log (cat.eat ()); // menyatakan subkelas dan melakukan kloning var seseorang = klon (kucing); </script> </body> </html>Kita bisa bereksperimen. Warisan anak -anak kelas JS.constructor == Ayah kembali benar, sedangkan warisan anak -anak prototipe.constructor == Ayah kembali salah;
Analisis singkat di atas prototipe JS pewarisan dan warisan kelas adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.