Discussion :

[scandinave]

bonjour,
j'ai un petit soucis avec l'héritage dans mes classe js. tout fonctionne nickel, création de classe, instantiation, héritage de méthode et attribut, a une exeption près.
Admettons que je j'ai la méthode mère dans la classe Item qui fasse ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
Item.prototype.mouseUp = function(e) {
      if( this.onDrag){
             this.onDrag = false;
      }
}

Maintenant dans la classe fille Icon , si je ne redéfinit pas mouseUp, tout marche nickel.
par contre si je fait ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Icon.prototype.mouseUp = function(e) {
      this.parent.mouseUp();
      somethingElse();
}

où

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Icon.prototype.parent = Icon.prototype;

le this.onDrop fait reférence à l'attribut onDrop de la classe mere Item et non a celui de la classe fille Icon.

Quelqu'un à une solution pour que cela fait référence à l'attribut de la classe fille?

Si vous avez besoin de plus de code demandé moi.

[le_chomeur]

voici un petit exemple que j'ai adapté

http://jsfiddle.net/WXjpd/

[scandinave]

merci pour ta réponse.
J'arrivais déjà au résultat que ton code montre même si c'étais d'une manière différente.

Par contre si je surcharge la méthodeA :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
// Classe mère 
function classeMere() {
    this.name = 'Clase mère';
	if ( typeof classeMere.initialized == "undefined" ) {
		classeMere.prototype.methodeA = function() {
			// code
            alert(this.name);
		}
		classeMere.initialized = true ;
	}
}
 
 
function classeFilleExtendsMere() {
	classeMere.call(this); // Cf Héritage par le constructeur de la classe mère
        this.name = 'Clase Fille';
	if ( typeof classeFilleExtendsMere.initialized == "undefined" ) {
		// Recopie des éléments au moyen d'une simple boucle
		for (var element in classeMere.prototype ) {
			classeFilleExtendsMere.prototype[element] = classeMere.prototype[element]
		}
                classeFilleExtendsMere.prototype.parent= classeMere.prototype;
	        classeFilleExtendsMere.prototype.methodeA = function() {
			this.parent.methodeA();
                        console.log('hello');
		}	
		// Ajout d'une nouvelle méthode
		classeFilleExtendsMere.prototype.methodeB = function() {
			// code
		}	
 
		classeFilleExtendsMere.initialized = true;
	}
}
var newMere = new classeMere();
newMere.methodeA();
 
var newObjet = new classeFilleExtendsMere();
newObjet.methodeA();

j'obtiens dans l'ordre , "claseMere", "undefined" et "hello" au lieu de "claseMere", "claseMere" et "hello".

Le problème viens peut être de mon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

classeFilleExtendsMere.prototype.parent= classeMere.prototype;

[SylvainPV]

Quand tu appelles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.parent.methodeA();

dans methodeA, this correspondra à this.parent et non this

Ca marchera comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.parent.methodeA.call(this);

[scandinave]

Nickel , ça marche . Tu m'enlève une sérieuse épine du pied. merci