ทุกสิ่งที่คุณต้องการทราบเกี่ยวกับการสืบทอดใน JavaScript



บทความนี้จะให้ความรู้โดยละเอียดและครอบคลุมเกี่ยวกับวิธีการใช้งานมรดกใน JavaScript ด้วยตัวอย่าง

การสืบทอดเป็นแนวคิดที่สำคัญในการเขียนโปรแกรมเชิงวัตถุ ในการสืบทอดคลาสสิกวิธีการจากคลาสฐานจะถูกคัดลอกไปยังคลาสที่ได้รับ ดังนั้นเรามาทำความเข้าใจการสืบทอดใน JavaScript ในลักษณะต่อไปนี้:

การสืบทอดใน JavaScript

ใน JavaScript การสืบทอดได้รับการสนับสนุนโดยใช้วัตถุต้นแบบ บางคนเรียกว่า“ การสืบทอดต้นแบบ” และบางคนเรียกว่า“ การมอบหมายพฤติกรรม”





การสืบทอดใน JavaScript

Prototypal Inheritance (รูปแบบการมอบหมายพฤติกรรม)

  • v1และv2เชื่อมโยงกับVehicle.prototypeเนื่องจากสร้างขึ้นโดยใช้ไฟล์ ใหม่ คำสำคัญ.



  • ในทำนองเดียวกันc1และc2เชื่อมโยงกับรถต้นแบบและรถต้นแบบเชื่อมโยงกับVehicle.prototype.

    วิธีการเขียนวิธีการ tostring
  • ใน JavaScript เมื่อเราสร้างวัตถุมันไม่ได้คัดลอกคุณสมบัติหรือพฤติกรรมสร้างลิงค์ การเชื่อมโยงประเภทเดียวกันนี้ถูกสร้างขึ้นในกรณีของการขยายชั้นเรียนเช่นกัน

  • ลูกศรทั้งหมดไปในทิศทางตรงกันข้ามเมื่อเทียบกับการสืบทอดแบบคลาสสิกที่ไม่ใช่ js เนื่องจากเป็นลิงก์การมอบหมายพฤติกรรม ลิงค์เหล่านี้เรียกว่าโซ่ต้นแบบ



  • รูปแบบนี้เรียกว่า รูปแบบการมอบหมายพฤติกรรม ซึ่งรู้จักกันทั่วไปในชื่อไฟล์ การถ่ายทอดทางพันธุกรรมของต้นแบบ ใน JavaScript

รหัส: การสืบทอดใน JavaScript

! DOCTYPE html>

ฟังก์ชันบุคคล (firstName, lastName) 'ไม่รู้จัก'

this.LastName = lastName

Person.prototype.getFullName = function () {

ส่งคืนสิ่งนี้ FirstName + '' + this.LastName

}

ฟังก์ชันนักเรียน (firstName, lastName, schoolName, เกรด)

แปลงทศนิยมเป็นไบนารีไพ ธ อน

Person.call (ชื่อนี้ firstName, lastName)

this.SchoolName = schoolName

//Student.prototype = Person.prototype

Student.prototype = คนใหม่ ()

Student.prototype.constructor = นักเรียน

var std = นักเรียนใหม่ ('James', 'Bond', 'XYZ', 10)

alert (std.getFullName ()) // เจมส์บอนด์

การแจ้งเตือน (std instanceof Student) // true

วิธีใช้ db browser สำหรับ sqlite

การแจ้งเตือน (std instanceof Person) // true

รหัสนี้จะสร้างผลลัพธ์ต่อไปนี้

เอาท์พุท:

ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของบทความนี้ สำหรับข้อมูลเพิ่มเติมคุณสามารถอ้างถึงบล็อกต่อไปนี้:

ตรวจสอบไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก Angular เป็นเฟรมเวิร์ก JavaScript ที่ใช้เพื่อสร้างแอปพลิเคชันเว็บฝั่งไคลเอ็นต์ที่ปรับขนาดได้และมีประสิทธิภาพ เนื่องจากการใช้ Angular framework อยู่ในระดับสูงการจัดการประสิทธิภาพของแอปพลิเคชันจึงเป็นแรงผลักดันจากชุมชนโดยทางอ้อมทำให้เกิดโอกาสในการทำงานที่ดีขึ้น การฝึกอบรมการรับรองเชิงมุมมีวัตถุประสงค์เพื่อครอบคลุมแนวคิดใหม่ ๆ เกี่ยวกับการพัฒนาแอปพลิเคชันขององค์กร

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทความนี้แล้วเราจะติดต่อกลับไป