H�ritage en JavaScript ?!

Version imprimable

22/08/2014, 15h14
totof974

H�ritage en JavaScript ?!
Bonjour � tous,

Je suis un jeune padawan en JS et j'ai un probl�me en ce qui concerne l'h�ritage !! :weird:
Je m'explique :
J'ai une biblioth�que dans laquelle est d�fini des constructeurs ainsi que des prototypes comme ceux suivants :
Code:

1 2 3 4 5 function MotionInfo() {}; MotionInfo.prototype = new Object(); function MotionHRMInfo() {}; MotionHRMInfo.prototype = new MotionInfo();
Je voudrais juste savoir comment h�rit� des prototypes suivant dans mon main (classe fille) ?
J'ai essay� ce bout de code ci-dessous, mais il y a un WARNING qui dit que "MotionInfo()" est utilis� avant d'�tre d�fini ?
Code:

1 2 function Heritage(){} Heritage.prototype= new MotionInfo();
Voil�.. j'esp�re vraiment que quelqu'un r�ussira � m'aider, �a fait plusieurs jours que je gal�re ! :?
Merci d'avance,
Kaniar Kode

Bonsoir

Exemple :

Code:

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
40
41
var MotionInfo = function( name ){
    this.texte = name;
};
 
MotionInfo.prototype.setTexte = function( str ){
    this.texte = str;
};
 
MotionInfo.prototype.getTexte = function( str ){
    return this.texte;
};
 
var MotionHRMInfo = function( name, nombre ){
    MotionInfo.call( this, name );
    this.nombre = nombre;
};
 
MotionHRMInfo.prototype = Object.create( MotionInfo.prototype );
 
MotionHRMInfo.prototype.setNombre = function( n ){
    this.nombre = n;
};
 
MotionHRMInfo.prototype.getNombre = function( n ){
    return this.nombre;
};
 
var ObjMI = new MotionInfo( "Pierre" ),
    ObjHRMMI = new MotionHRMInfo( "Hector", 22 );
 
// debug, console, touche F12
console.log( "ObjMI = ", ObjMI );
console.log( "ObjHRMMI = ", ObjHRMMI );
console.log( "ObjHRMMI instanceof MotionInfo = ", ObjHRMMI instanceof MotionInfo );
 
ObjMI.setTexte( "Jean" );
ObjHRMMI.setNombre( 42 );
 
console.log( "ObjMI.getTexte() = ", ObjMI.getTexte() );
console.log( "ObjHRMMI.getTexte() = ", ObjHRMMI.getTexte() );
console.log( "ObjHRMMI.getNombre() = ", ObjHRMMI.getNombre() );

Merci de votre r�ponse et pour le code. ;)

Mais je ne comprend toujours pas � quelle moment l'h�ritage se fait ?
L'objet fille doit-il avoir le m�me nom que l'objet m�re se trouvant dans ma biblioth�que pour que l'h�ritage se fasse automatiquement ?
Ci-dessous mes 2 fonctions avec commentaires:
Je voudrais savoir ce que veut dire "@super", et aussi si quelqu'un serait capable de m'expliquer clairement comment h�rit� en JS...?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 /** * This is a common abstract interface used by different types of motion information objects. * * @super Object * @constructor * @return {MotionInfo} */ function MotionInfo() {}; MotionInfo.prototype = new Object(); /** * This interface represents HRM data. * * @super Object * @constructor * @return {MotionHRMInfo} */ function MotionHRMInfo() {}; MotionHRMInfo.prototype = new MotionInfo();
Cordialement,
Kaniar Kode

23/08/2014, 11h00
sekaijin
merci d'utiliser la balise code bouton # dans l'�diteur

tout ce qui est dans
Code:

1 2 3 4 5 /* */
est un commentaire. �a n'a donc rien � voir avec l'h�ritage.

les outils pour documenter le code utilisent les commentaires pour fournir de la doc.
pour diff�rencier un commentaire simple d'un commentaire fournissant une doc on utilise la notation
Code:

1 2 3 /* * Ceci est un commentaire */
Code:

1 2 3 4 5 /** * ceci est du point de vu Javascript un commentaire * mais les outils de documentation récupère le contenu * pour faire la doc */
les annotations n'existent pas en javascript.
les @toto n'ont aucunes signification pour javascript.
situ� dans un bloc de documentation elles peuvent �tre utilis� par l'outil de doc pour fournir de l'information
@constructor indique dans la doc que la fonction est un constructeur.

mais tout cela n'a absolument rien � voir avec javascript.

tu peux regarder le cours
http://t-templier.developpez.com/tut...vascript-poo1/
il n'est pas trop mal.
une petite note tout de m�me ce cours date un petit peu et niveau syntaxe on recommande aujourd'hui d'utiliser var obj = {}; � la place de var obj = new Object();. De m�me pour la d�claration de tableau.

celui-ci est bien aussi il explique bien la notion de prototype de javascript bien qu'ensuite il traite d'une lib
http://sii-rennes.developpez.com/tut...rientee-objet/
A+JYT

Bonjour,
Pour l'h�ritage de javascript, il y a plusieurs mani�res. Celle que tu utilise se base sur des fonctions constructeurs et les prototype, �a t'oblige acr�er tes objets avec la commande new.
Je vais expliquer ton code:

Code:

1
2
3
4
5
6
 
function MotionInfo() {} //Création du constructeur MotionInfo
MotionInfo.prototype = new Object();  //Inicialisation du prototype de MotionInfo avec un object vide (ligne non nécésaire, elle permet de vider d'éventuels prototype parasite)
 
function MotionHRMInfo() {}  //Création du constructeur MotionHRMInfo
MotionHRMInfo.prototype = new MotionInfo(); //Inisialisation du prototype MotionHRMInfo avec un nouvel object MotionInfo. C'est là que se fait l'héritage MotionInfo (parent) MotionHRMInfo (enfant)

C'est plus int�ressant avec des atributs et des m�thodes:

Code:

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
 
function MotionInfo() {
  this.a = "Salut";
  this.b = 25;
}
MotionInfo.prototype.geta = function(){
  return this.a;
};
 
function MotionHRMInfo() {
  this.a = "Bay";
  this.c = 45;
}
MotionHRMInfo.prototype = new MotionInfo(); //L'héritage se fait à cette ligne
MotionHRMInfo.prototype.getc = function(){
 return this.c;
};
 
var hrm1 = new MotionHRMInfo();
var hrm2 = new MotionHRMInfo();
 
hrm1.a = "Bonjour";
hrm1.b = 10;
hrm1.c = 10;
console.log("hrm1.a = " + hrm1.a);
console.log("hrm1.geta() = " + hrm1.geta());
console.log("hrm2.a = " + hrm2.a);
console.log("hrm2.geta() = " + hrm2.geta());
 
console.log("hrm1.b = " + hrm1.b);
console.log("hrm2.b = " + hrm2.b);
 
 
console.log("hrm1.c = " + hrm1.c);
console.log("hrm2.c = " + hrm2.c);

Fais des testes de la sorte, �a va t'aider � comprendre.
Bon courage.