ก่อนอื่นให้ดูที่มรดกของคลาส JS
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> การสืบทอดของคลาส JS </title> </head> <body>/ *- การสืบทอดแบบคลาสสิก- */<script type = "text/javascript"> // } // เพิ่ม method iment.prototype.eat = function () {console.log (this.name + "Eat"); - // อินสแตนซ์ supervar นี้ a = สัตว์ใหม่ ("สัตว์"); // สร้างคลาสคอนสตรัคเตอร์คลาส var cat = ฟังก์ชั่น (ชื่อ, เพศ) {// คลาสนี้ควรเรียกตัวสร้างของสัตว์ซูเปอร์คลาสและส่งชื่อพารามิเตอร์ไปยัง iment.call (ชื่อนี้); this.sex = เพศ; } // วัตถุต้นแบบของคลาสย่อยนี้เท่ากับอินสแตนซ์ของ superclass cat.prototype = new Animal (); // เนื่องจากวัตถุต้นแบบของ subclass เท่ากับอินสแตนซ์ของ superclass วิธีการ prototype.constructor ก็เท่ากับ Superclass Constructor Console.log (cat.prototype.constructor); // นี่คือการอ้างอิงถึง Superclass สัตว์ดังนั้นคุณต้องมอบหมายให้ Cat.prototype.constructor = cat; console.log (cat.prototype.constructor); // subclass เองเพิ่มเมธอด getsex cat.prototype.getsex = function () {return this.sex; } // instanced subclass var _m = cat ใหม่ ('cat', 'male'); // วิธีการของตัวเอง console.log (_m.getsex ()); // male // สืบทอดวิธี superclass console.log (_m.eat ()); // cat </script> </body> </html>มาดูการสืบทอด JS Prototype
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> js ต้นแบบการสืบทอด </title> </head> <body> <! - // ประโยคนี้เป็นแกนหลักของการสืบทอดต้นแบบ วัตถุต้นแบบของฟังก์ชั่นคือ Object literal_f.prototype = OBJ; ส่งคืน _f ใหม่; } // ประกาศวัตถุตัวอักษรตัวอักษรตัวแรก var Animal = {somthing: 'Apple', Eat: function () {console.log ("กิน" + this.somthing); }} // ไม่จำเป็นต้องกำหนดคลาสย่อยของบุคคลเพียงแค่ทำการโคลน var cat = โคลน (สัตว์); // คุณสามารถรับค่าเริ่มต้นโดยตรงโดยบุคคลหรือคุณสามารถเพิ่มหรือแก้ไขแอตทริบิวต์และวิธีการ console.log (cat.eat ()); cat.somthing = 'สีส้ม'; console.log (cat.eat ()); // ประกาศ subclass และดำเนินการโคลน var ใครบางคน = โคลน (แมว); </script> </body> </html>เราสามารถทดลองได้ มรดกของเด็กชั้น JS constructor == พ่อกลับมาเป็นจริงในขณะที่มรดกของเด็กต้นแบบ constructor == พ่อกลับมาเท็จ
การวิเคราะห์สั้น ๆ ข้างต้นของ JS Prototype การสืบทอดและการสืบทอดคลาสคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น