Tudo o que você precisa saber sobre herança em JavaScript



Este artigo fornecerá a você um conhecimento detalhado e abrangente sobre Como implementar herança em JavaScript com exemplos.

Herança é um conceito importante na programação orientada a objetos. Na herança clássica, os métodos da classe base são copiados para a classe derivada. Então, vamos entender a herança em JavaScript da seguinte maneira:

Herança em JavaScript

Em JavaScript, a herança é suportada usando um objeto de protótipo. Algumas pessoas chamam de “Herança prototípica” e outras chamam de “Delegação de comportamento”.





Herança em JavaScript

Herança prototípica (padrão de delegação de comportamento)

  • v1ev2estão ligados aVehicle.prototypeporque foi criado usando o Novo palavra-chave.



  • Similarmente,c1ec2estão ligados aCar.prototypeeCar.prototypeé ligado àVehicle.prototype.

  • Em JavaScript, quando criamos o objeto, ele não copia as propriedades ou o comportamento, ele cria um link. Um tipo semelhante de ligação é criado no caso de extensão da classe também.

  • Todas as setas vão na direção oposta em comparação com a herança não-js clássica porque é um link de delegação de comportamento. Esses elos são conhecidos como cadeia de protótipo.



  • Este padrão é chamado Padrão de Delegação de Comportamento que é comumente conhecido como um herança prototípica em JavaScript.

Código: Herança em JavaScript

! DOCTYPE html>

função Pessoa (primeiroNome, últimoNome) 'desconhecido'

this.LastName = lastName

Person.prototype.getFullName = function () {

retornar this.FirstName + '' + this.LastName

}

função Aluno (firstName, lastName, schoolName, grade)

Person.call (this, firstName, lastName)

this.SchoolName = schoolName

//Student.prototype = Person.prototype

Student.prototype = new Person ()

Student.prototype.constructor = Aluno

o que são instâncias em java

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

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

alert (std instanceof Student) // true

alert (std instanceof Person) // verdadeiro

Este código produzirá a seguinte saída.

RESULTADO:

Com isso, chegamos ao final deste artigo. Para obter mais informações, você pode consultar os seguintes blogs:

Confira o pela Edureka, uma empresa de aprendizagem online confiável com uma rede de mais de 250.000 alunos satisfeitos espalhados por todo o mundo. Angular é uma estrutura JavaScript que é usada para criar aplicativos da web escaláveis, corporativos e de desempenho do lado do cliente. Como a adoção da estrutura Angular é alta, o gerenciamento de desempenho do aplicativo é orientado pela comunidade, gerando indiretamente melhores oportunidades de trabalho. O Angular Certification Training visa cobrir todos esses novos conceitos em torno do Enterprise Application Development.

Tem alguma questão para nós? Mencione isso na seção de comentários deste artigo e entraremos em contato com você.