Discussion :

[mp59100]

Bonjour,

je sollicite votre aide dans la compréhension, de l'héritage en java script, voici ma demande.

je souhaite créer un objet calendrier qui hérite de l'objet Date, vous comprenez bien pourquoi.

voici un exemple qui ne fonctionne pas :

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
 
// Objet Calendrier
function Calendrier() {
	//Passage de paramètres à l’objet père
	Date.Call(this);
}
 
//qui hérite de Date
Calendrier.prototype = new Date;
//mais qui est de type Calendrier
Calendrier.prototype.constructor = Calendrier;
//Ajout d’une méthode au fils
Calendrier.prototype.date = function() {
	return this.getDate();
}
 
var monCalendrier = new Calendrier();
alert(monCalendrier.date());

Pouvez-vous m'expliquer pourquoi ce code ne fonctionne pas et m'aider dans l'héritage de l'objet Date.

cordialement,
MP59100

[le_chomeur]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
        // Objet Calendrier
		var Calendrier = function () {
		}
		//qui hérite de Date
		Calendrier.prototype.Date = new Date;
		//Ajout d’une méthode au fils
		Calendrier.prototype.date = function() {
			return this.Date.getDate();
		}
 
		var monCalendrier = new Calendrier();
		alert(monCalendrier.date());

?

[DoubleU]

A ma connaissance, tu ne peux pas hériter de l'objet Date. Le seul objet javascript dont on peut hériter est l'objet Object.

2 solutions pour contourner le problème:
- soit tu enrichies le prototype de Date directement

Code :

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

1
2
3
Date.prototype.foo = function(){alert("foo")};
var d = new Date();
d.foo();

- soit tu crées un wrapper autour de date

Code :

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

1
2
3
4
function MaDate(){ this.d = new Date();}
MaDate.prototype.time = function(){alert(this.d.getTime())}
var d = new MaDate();
d.time()

[tarzente]

Méchanisme pour hériter de date :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var MyDate = function() {
  var date = new Date();
 
  date.myfunc = function() {
    return 'blah';
  };
 
  return date;  
};
 
var d = new MyDate();
alert(d.myfunc() + ' ' + d.getMonth());