Discussion :

[Nuwanda]

Hello.

Je cherche à faire quelque chose dans le genre, bien évidemment le code ci-dessous ne fonctionne pas mais j'ai l'impression de ne pas être loin:

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
var toto = {
	name : 'toto'
}
 
Person = function() {
	this.name = 'tutu';
}
 
Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}
 
var tutu = new Person();
tutu.sayHi();
 
toto.prototype = new Person;
 
toto.sayHi();

Voilà, en fait dans mon projet je reçois un simple objet (depuis le server via AJAX+JSON) et je voudrais lui ajouter des méthodes du coté du client. Comme je le reçois je n'ai aucun moyen de controler sa création.

Si vous savez comment faire pour résoudre ce problème merci beaucoup !

[SpaceFrog]

pas très loin en effet ...
Juste un souci au niveau de la création de l'objet de départ ...

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
 
<script type="text/javascript">
var toto = {
	'name' : 'toto'
}
 
var Person =function() {
	this.name = 'tutu';
}
 
Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}
 
var tutu = new Person();
tutu.sayHi();
</script>

[Nuwanda]

Euh... Je ne comprends pas trop là, ce que je veux justement c'est ajouter les méthodes de la classe Person à l'objet toto.

[SpaceFrog]

Pareil...
c'était juste le problème de 'name' à mettre en string ...

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
<script type="text/javascript">
var toto = {
	'name' : 'toto'
}
 
 
var Person =function() {
	this.name = 'tutu';
}
 
 
 
Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}
 
var toto = new Person();
toto.sayHi();
 
 
</script>

[Nuwanda]

Oula, j'ai du mal à m'exprimer ce matin... j'aurai mieux fait de rester au lit.

Donc si on prends mon code d'origine, je voudrai qu'il affiche cela :

Code :

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

Hi! My name is tutu

mais surtout je souhaite qu'il affiche ca :

Code :

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

Hi! My name is toto

Pour ce faire je n'ai comme latitude que l'avant dernière ligne du code, celle qui dit :

Code :

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

toto.prototype = new Person;

j'ai testé plein de trucs du genre :

Code :

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

1
2
toto.prototype = Person;
toto.prototype = Person.prototype;

Bref... Je n'arrive pas à le faire marcher

[SpaceFrog]

Bon on retourne au lit ensemble alors ????

Heu il m'alerte bien my name is tutu ou toto ???

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
<title>Nouvelle page 1</title>
<script type="text/javascript">
var toto = {
	'name' : 'toto'
}
 
 
var Person =function() {
	this.name = 'tutu';
}
 
 Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}
 
var tutu = new Person();
tutu.sayHi();  // là il me dit HI! my name is tutu 
 </script>

c'est pas ce que tu veux ???

[Nuwanda]

On va y arriver, j'ai la foi...

Donc je souhaite qu'il m'affiche les deux.

[SpaceFrog]

Heu non on n'est pas d'y arriver là ????

à la base si tu fais

Code :

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

var test="tutu"

puis

Code :

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

test="toto"

et enfin

Code :

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

 alerte(test)

il ne t'afficheras que toto ...
je ne comprends pas comment tu peux espérer qu'il t'affiche les deux ????

[Matthieu2000]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function Person(varName) {
	this.name = varName;
	this.sayHi=ditBonjour
}
 
function ditBonjour(){
	alert('Hi! my name is ' + this.name);
}
 
var tutu = new Person("tutu");
tutu.sayHi();  // là il me dit HI! my name is tutu 
var toto = new Person("toto");
toto.sayHi();  // là il me dit HI! my name is toto

----------------

Bon on retourne au lit ensemble alors ????

c'est pas ce que tu veux ???

On va y arriver, j'ai la foi...

en mp svp

[SpaceFrog]

Oui mat... le tout est de cerner ce que cherche notre ami ...
J'avoue ne pas avoir encore compris ..

[Nuwanda]

Bon on recommence à zero.

Le problème s'inscrit dans un projet plus important donc je n'ai pas toute la latitude possible pour modifier le code. Je défini une méthode qui est appelée avec un objet 'toto', cet objet ne définit QUE les attributs et aucune méthode.

Ce qui revient à avoir le code équivalent :

Code :

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

1
2
3
var toto = {
	name : 'toto'
}

J'ai donc un objet 'toto' qui ne définit qu'un attribut 'name'.

Il se trouve que j'ai une classe 'Person' définie comme suit :

Code :

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

1
2
3
4
5
6
7
Person = function(name) {
	this.name = name;
}
 
Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}

Hors, moi je sais que l'objet 'toto' définit les mêmes attributs que ceux de la classe 'Person'. Donc je voudrais 'caster' 'toto' en 'Person' afin de pouvoir en utiliser les méthodes.

Voilà, j'espère être plus clair maintenant que j'ai pris mon café. Et merci de vous intéresser à mon problème

[DoubleU]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Person = function(name) {
	this.name = 'tutu';
}
 
Person.prototype.sayHi = function() {
	alert('Hi! my name is ' + this.name);
}
 
var toto = {
	name : 'toto'
}
 
var p = new Person();
p.sayHi.apply(toto)

C'est pas vraiment un cast dans le sens ou ton objet toto ne possède pas les méthodes de Person, mais ca affiche bien 'Hi! my name is toto'

[Nuwanda]

Oui j'y avais pensé, j'avais aussi pensé à copier les méthodes. Mais bon c'est hallucinant si pour un langage interprété, un langage de script c'est pas possible de faire ca...

[DoubleU]

Oui j'y avais pensé, j'avais aussi pensé à copier les méthodes. Mais bon c'est hallucinant si pour un langage interprété, un langage de script c'est pas possible de faire ca...

En même temps, même dans un langage compilé, tu peux pas caster une classe en une autre si elles n'ont rien a voir...

Si par contre tu voulais faire hériter toto de Person, c'est possible. Comme t'y avais pensé, il suffit juste de bidouiller une copie de toutes les propriétés de Person si le type leur valeur est une fonction. T'arriverais au même résultat.

Le problème de javascript, c'est que c'est pas vraiment un langage objet, donc c'est de la bidouille dans tous les sens pour arriver au même comportement.
Ca a ses avantages et ses inconvénients ^^