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

黄舟
黄舟original
2017-03-18 15:04:361324parcourir

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();

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!

Déclaration:
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