passer une fonction dans un parametre d'une propriété de classe

**CAML** · 05/08/2006, 01h27

Bonjour (oui je sais il est tard mais je trouve pas de solution à mon problème

) ...

bon un petit exemple qui illustre mon problème :

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
<html>
<head>
<script type='text/javascript'>
function MyClass(pNom, pPrenom)
{
	this.nom = pNom;
	this.prenom = pPrenom;
}
 
function MyClass.prototype.Test(res)
{
	alert('ok');
	alert(this.nom + " " + this.prenom);
}
 
function MyClass.prototype.appel(f)
{
	alert('appel');
	f();	
}
 
function MyClass.prototype.debut()
{
	this.appel(this.Test);
}
 
</script>
</head>
<body>
<input type="button" value="test" onclick="var o = new MyClass('le nom','le prenom'); o.debut();" />
 
</body>
</html>

explication : je souhaite que lorsque j'appel une methode de ma classe, celle-ci appel une autre méthode en donnant le nom d'une troisieme autre methode (j'espere que vous m'avez comprit sinon suffit de voir les étappes -> debut -> appel -> Test)

bref; ce petit test demontre que ma reference "THIS" perd un peu les pedales lorsqu'il tombe dans la methodes Test.
Du coup, quand je veut faire this.nom et this.prenom il m'affiche "undefined"

(j'imagine que THIS refere document ou un truc dans le genre...)

Cela peut paraitre absurde mais j'ai met raisons; je repete ceci n'est qu'une illustration.

Si quelqu'un peut m'aider à trouver une solution tout en gardant ce principe (methode qui appel une autre methode donner en parametre, le tout dans la meme classe) je vous serai EXTREMEMENT RECONNAISSANT !!!

sur ce; je vais dormir faire plein de cauchemard

**FremyCompany** · 05/08/2006, 12h20

La solution simple (lol, une fois qu'elle est programmée) et efficace est l'auto-storing... Le principe est que ta classe se stocke de manière durable et globale et qu'au lieu de faire référence à this, les fonctions fassent référence à la zone de stockage.
J'ai un code perso unique dans le monde, mais je suis radin (lol)

Sinon, tu as toujours :
A) Eval :

Code :

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

eval("this.Test()")

B) La référence :

Code :

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

1
2
3
function Invoke (ref, funcName) {
    return ref[funcName]();
}

**CAML** · 05/08/2006, 12h36

mmmh, tout d'abord merci de t'interessé a mon problème

Je ne comprend pas tres bien ce que tu fais avec eval() et encore moins ce que fait ta fonction Invoke.
Peut tu m'eclaire par un tout petit exemple complet ?
Merci beaucoup à toi !

**FremyCompany** · 05/08/2006, 12h51

A la volée; devrait afficher deux alerts;

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
MyClass = function(name, lastName) {
    this.name=name; this.lastName=lastName;
    this.toString=function() {
         return this.lastName.toUpperCase() + " " + this.name;
    }
    this.alert=function() {
         alert(this.toString());
    }
    this.invoke=function(functionName) {
        eval("this." + functionName + "();")
    }
    this.invokeShared=function(ref, functionName) {
        ref[functionName]();
    }
}
 
MyClassInstance = new MyClass("Francois", "Remy");
MyClassInstance .invoke("alert");
MyClassInstance .invokeShared(MyClassInstance, "alert");

**CAML** · 05/08/2006, 13h40

Je viens de lire, tester et comprendre ton exemple qui est vraiment tres interessant ! merci !
Néanmoins j'ai peur que je sois toujours coincé. Je vois que tu as l'air vraiment bien informé sur le javascript peut etre pourrait tu me dire si mon probleme a une solution !

Voila, je travaille en ASP.NET et j'utilise un composant libre (AJAXPRO) qui me permet de faire des requetes tres facilement sur mon serveur. bref ceci n'est pas tres important...

exemple :

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
MyClass = function()
{
   this.nom = "LeNom"
   this.prenom = "LePrenom"
 
   this.CallAjax()
   {
      MaMethodePourFaireRequeteAjax(this.nom, this.prenom, this.EndCallBack);
   }
 
   this.EndCallBack(res)
   {
      //traitement de la reponse
     // quand la requete asynchrone se termine, j'arrive ici avec this qui ne pointe plus sur MyClass
     // note: le parametre "res" est en fait la reponse retourner par le serveur
   }
}
 
var monObjet = new MyClass();
monObjet.CallAjax();

Voila le probleme se situe au niveau du this.EndCallBack, je perd toujours la reference de ma classe quand j'arrive dans EndCallBack

j'ai deja essaié au niveau de l'appel de changer

Code :

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

      MaMethodePourFaireRequeteAjax(this.nom, this.prenom, this.EndCallBack);

par

Code :

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

      MaMethodePourFaireRequeteAjax(this.nom, this.prenom, function(res){this.EndCallBack(res, this)});

de sorte a ce que j'envoie la reference mais en fait en reflechissant je fait exactement la meme chose et je ne resoud aucunement le probleme

je ne parviens pas a trouver une solution

tout en gardant l'utilisation de la methode ajax dans une classe

**FremyCompany** · 05/08/2006, 14h19

En utilisant ma méthode d'auto-storing, tu pourrais laisser le code comme présenté, à condition d'effectuer un traitement d'auto-storage...

Seulement, comme je te l'ai dit, ca nécéssite que tu cherche le code par toi même, vu que je n'ai pas trop envie de donner le mien....

Sinon, il existe une methode simple (j'avoue que je ne l'aime pas à cause du fait qu'elle partage des variables entres fonctions sans raison) mais qui a fait ses preuves :

Code :

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

1
2
3
4
5
var This=this; var callBack=function(res) {
    This.Function(res);
}
 
callAJAX(args, callBack);

passer une fonction dans un parametre d'une propriété de classe

JavaScript

Vue hybride

Discussions similaires

Partager

Partager