Wszystko, co musisz wiedzieć o dziedziczeniu w JavaScript



W tym artykule znajdziesz szczegółową i wszechstronną wiedzę na temat implementacji dziedziczenia w JavaScript wraz z przykładami.

Dziedziczenie jest ważną koncepcją w programowaniu obiektowym. W klasycznym dziedziczeniu metody z klasy bazowej są kopiowane do klasy pochodnej. Zrozummy więc dziedziczenie w JavaScript w następujący sposób:

Dziedziczenie w JavaScript

W JavaScript dziedziczenie jest obsługiwane za pomocą obiektu prototypowego. Niektórzy nazywają to „dziedziczeniem prototypowym”, a niektórzy „delegowaniem zachowania”.





Dziedziczenie w JavaScript

Dziedziczenie prototypowe (wzorzec delegowania zachowania)

  • v1iv2są połączone zPojazd. Prototypponieważ został utworzony przy użyciu Nowy słowo kluczowe.



  • Podobnie,c1ic2są połączone zPrototyp samochoduiPrototyp samochodujest połączony zPojazd. Prototyp.

  • W JavaScript, kiedy tworzymy obiekt, nie kopiuje on właściwości ani zachowania, tworzy link. Podobny rodzaj powiązania powstaje również w przypadku rozszerzania klasy.

  • Wszystkie strzałki idą w przeciwnym kierunku w porównaniu z klasycznym dziedziczeniem innym niż js, ponieważ jest to link delegowania zachowania. Te linki są znane jako łańcuch prototypów.



  • Ten wzór nazywa się Wzorzec delegowania zachowania który jest powszechnie znany jako dziedziczenie prototypowe w JavaScript.

Kod: dziedziczenie w JavaScript

! DOCTYPE html>

function Person (firstName, lastName) „nieznane”

this.LastName = lastName

Person.prototype.getFullName = function () {

java analizuje ciąg do tej pory

return this.FirstName + '' + this.LastName

}

funkcja Student (firstName, lastName, schoolName, grade)

Person.call (this, firstName, lastName)

this.SchoolName = schoolName

//Student.prototype = Person.prototype

Student.prototype = nowa Osoba ()

Student.prototype.constructor = Student

var std = new Student ('James', 'Bond', 'XYZ', 10)

alert (std.getFullName ()) // James Bond

alert (std instanceof Student) // true

alert (std instanceof Person) // true

Ten kod wygeneruje następujące dane wyjściowe.

WYNIK:

Tym samym dochodzimy do końca tego artykułu. Więcej informacji można znaleźć na następujących blogach:

Sprawdź autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie. Angular to framework JavaScript, który służy do tworzenia skalowalnych, korporacyjnych i wydajnych aplikacji internetowych po stronie klienta. Przy wysokim stopniu wykorzystania frameworka Angular zarządzanie wydajnością aplikacji jest sterowane przez społeczność, pośrednio zapewniając lepsze możliwości zatrudnienia. Angular Certification Training ma na celu objęcie wszystkich tych nowych koncepcji dotyczących tworzenia aplikacji korporacyjnych.

Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w tym artykule, a my skontaktujemy się z Tobą.