Maison > interface Web > js tutoriel > Introduction détaillée à la méthode d'utilisation du prototype pour implémenter l'héritage POO en javascript

Introduction détaillée à la méthode d'utilisation du prototype pour implémenter l'héritage POO en javascript

黄舟
Libérer: 2017-03-18 15:04:36
original
1325 Les gens l'ont consulté

Grâce à la fonctionnalité prototype, vous pouvez facilement hériter des méthodes et des attributs de la classe parent dans la sous-classe.

Dans l'exemple suivant, Vegetal est considéré comme la classe parent et Celery est considéré comme la sous-classe.

Le légume a l'attribut goût, la méthode fun1

Le céleri a l'attribut couleur, la méthode fun2 Si vous définissez un autre attribut ou méthode avec le même nom que Légume, il écrasera le correspondant. attributs et méthodes dans la méthode Vegeta de la classe parent.

function Vegetable(){
	this.taste='delicious';
	
	this.fun1 = function(){
		alert('Vegetable fun1 doing...');
	}
}

function Celery(){
	this.color = 'green';	
	this.taste = 'bad';
	this.fun1 = function(){
		alert('Celeryfun1 doing...');
	}
	this.fun2 = function(){
		alert('Celery fun2 doing...');
	}		
}

Celery.prototype = new Vegetable();
var stick = new Celery();
var polymorphed = stick.taste;

alert(polymorphed);
alert(stick.color);

stick.fun1();
stick.fun2();
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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