Maison > interface Web > js tutoriel > Explication détaillée de l'héritage orienté objet JavaScript examples_javascript skills

Explication détaillée de l'héritage orienté objet JavaScript examples_javascript skills

WBOY
Libérer: 2016-05-16 15:25:29
original
1120 Les gens l'ont consulté

Un exemple simple d'héritage orienté objet en JavaScript :
En tant que langage orienté objet, l'héritage en est naturellement une caractéristique majeure. Bien que le mécanisme d'implémentation orienté objet de JavaScript soit différent de celui orienté objet typique tel que C# et Java, les caractéristiques de base de l'héritage sont toujours là. c'est simple, Pour obtenir les méthodes et attributs du parent, voici un exemple simple Si vous êtes intéressé, vous pouvez l'analyser :

window.onload = function(){ 
 function parent(age,name){ 
  this.age = age; 
  this.name = name; 
 } 
 parent.prototype.show = function(){ 
  alert('父级方法'); 
 } 
 function child(age,name,job){ 
  parent.apply(this,arguments); 
  this.job = job; 
 } 
 (function(){ 
  for(var i in parent.prototype){ 
  child.prototype[i]=parent.prototype[i] 
 } 
 })(); 
 var b = new parent(14,'侠客行'); 
 var a = new child(15,'狼侠','侠客'); 
 a.show(); 
}
Copier après la connexion

Ce qui précède est un exemple simple d'introduction à l'héritage orienté objet en JavaScript. Vous pouvez étudier avec l'article précédent "Explication détaillée de l'héritage orienté objet en JavaScript" , et l'effet peut être meilleur.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal