Parametres avec une fonction

**laurentg2003** · 20/05/2009, 15h51

Bonjour,
J'ai ecris un code et je suis assez etonné en testant une méthode (un constructeur)que javaScript tolere le fait d'appeller une méthode sans définir de paramétres formels dans la dite méthode et pourtant les valeurs sont bien passées en paramétre comme le montre la propriété argument.
De plus,si je supprime
this.nomPage=nomPage;
this.id=id;
ma méthode Return ne retourne plus rien.
Donc ça fonctionne.
Est ce normal?
Voici mon code

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
40
41
42
43
44
45
46
47
48
49
50
51
52
<script type="text/javascript">
// le constructeur de l'objet de type classFormEvent
function classFormEvent(){
 alert("Nombre de paramètres: " + arguments.length);  
    for(var i=0; i<arguments.length; i++) {  
        alert("Paramètre " + i + ": " + arguments[i]);  
    }  
//if(typeof(nomPage!="undefined")&&(typeof(id!="undefined"))){
this.nomPage = nomPage;
this.id = id;
// si un parametre nomPage est passé 
 
/*}
else
{
 
this.nomPage = null;
this.id = null;
 
}*/
 
 
}
 
 
//on  attache la méthode de redirection de la page avec la propriété prototype à l'objet classFormEvent
classFormEvent.prototype.Return=function(){
 alert(this.nomPage);
 alert(this.id);
 
//window.location='http://webcreation-lg.fr/update/form.php?page='+nomPageSelect;
}
classFormEvent.prototype.Submit=function(){
 
 
 
}
</script> 
 
</HEAD>
 
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
 
<SCRIPT TYPE="TEXT/JAVASCRIPT">
var nomPage = "sample";
var id= "test id";
 var namePage = new classFormEvent(nomPage,id);
 namePage.Return(nomPage,id); 
 
 
 
 </SCRIPT>

Merci beaucoup

**DoubleU** · 20/05/2009, 16h09

J'ai ecris un code et je suis assez etonné en testant une méthode (un constructeur)que javaScript tolere le fait d'appeller une méthode sans définir de paramétres formels dans la dite méthode et pourtant les valeurs sont bien passées en paramétre comme le montre la propriété argument.

Effectivement, l'objet argument dans une fonction est un tableau contenant la liste des arguments passés, même s'ils ne sont pas déclarés dans le prototype de la fonction. C'est une particularité du langage, de la même façon que tu peux définir des paramètres dans le prototype et appeler ta fonction sans les passer.

De plus,si je supprime
this.nomPage=nomPage;
this.id=id;
ma méthode Return ne retourne plus rien.

Dans une fonction (donc un objet), this.XXX permet de déclarer des membres, donc forcément, si tu enleves leur déclaration, dans ta fonction return (au passage, le nom n'est pas terrible...) tu ne peux plus les accéder.

**RomainVALERI** · 20/05/2009, 16h40

Juste pour illustrer le fait dont tu parles, cette petite fonction que j'avais écrite il y a quelques temps pour voir le détail des appels et des paramètres dans une fonction :

Code javascript :

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
40
41
function all(arg) {
	var mess = "------------------------------------------\n";
	mess    += "Liste des arguments passés à\nla fonction " + arguments.callee.caller.name + " :\n";
	mess    += "(sur " + arguments.callee.caller.length + " attendus)\n";
 
	for (var i = 0 ; i < arg.length ; i++)	{
		mess += "argument numero " + (i + 1) + " : " + arg[i] + "\n";
	}
   if (arg.length == 0) mess += "aucun\n";
 
	mess = calltree() + "\n" + mess + "\n------------------------------------------\n";
	alert(mess);
}
 
// affiche (sauf pour IE) la pile d'appels complète à cet instant de l'exécution
// FONCTION : 
// PARAM #1 : 
// RETOUR : 
function calltree() {
	var mess = "------------------------------------------\n";
	mess    += "Arbre d'appels :\n\n";
	if (document.all)
		return mess + "(indisponible pour IE)";
 
	var root = arguments.callee.caller.caller;
	var t = new Array();
	while (root) {
		t.push(root.name);
		root = root.caller;
	}
	for (var i = (t.length - 1); i >= 0; i--)	{
		for (var ii = 0; ii < ((t.length - 1) - i); ii++)
			mess += "  ";
 
		mess += "appel n°" + ((t.length) - i);
		if (i == (t.length - 1))
			mess += " (racine)";
		mess += " : " + t[i] + "\n";
	}
	return mess;
}

Mode d'emploi : dans le corps de la fonction que tu veux examiner, tu places cet appel :

Code javascript :

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

1
2
3
4
5
 
function taFonction(param1, param2) {
all(arguments);
// ... code de ta fonction
}

**laurentg2003** · 22/05/2009, 10h50

Bonjour
Merci pour ses explications faisant suite au trés bon tuto sur javascript orienté objet.
En fait mon vrai soucis est le suivant:
un formulaire en php (il pourrait etre en dur)

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
echo"<form enctype='multipart/form-data' ><select ondblclick='Submit()'>";

while($row=$db->fetch_assoc(2)) {

$page=$row['PAGE'];

$id_page=$row['ID_PAGE'];

$pageUrl=$page;


echo "<option value='$pageUrl'";
if($page==$nomPage){// Si le nom de la page sélectionné précédement et récupéré avec javaScript est le méme que le nom de la page récupéré dans la base de donnée  on récupére la valeur de $selected et ainsi le champs est selectionné.
$selected=$_GET['selected'];
echo $selected;
}
echo">$page</option>"; 




}
echo"</select></form>";

c'est une liste déroulante je doubleclic sur une rubrique qui est un nom de page
et j'attéri sur un formulaire qui me permet de modifié le contenue de la page
voici la fonction JS

Code :

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

1
2
3
4
5
function Submit(){
var contenu = document.forms[0].elements[0].value; 
 
window.location='http://www.webcreation-lg.fr/update/form.php?page='+contenu+'&selected=selected';
}

toput ça est simple
Mon soucis est que je veux transposer mon code JS procédural en POO
un code du type

Code :

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

1
2
3
4
5
6
7
8
9
 
classFormEvent.prototype.Submit=function(){
 var contenu = document.forms[0].elements[0].value; 
 
window.location='http://www.webcreation-lg.fr/update/form.php?page='+contenu+'&selected=selected';
 
 
 
}

ne fonctionne pas
je dois créer un objet correspondant au formulaire non?
pour y appliquer des traitements
Vu que la j'essaye de déclencher un événement qui a rien à voir avec l'objet créer
style

Code :

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

1
2
var namePage = new classFormEvent(nomPage,id);
 namePage.Submit();

Comment procéder?
Merci

**laurentg2003** · 28/05/2009, 14h46

Pour ceux que ça interresse...

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
40
41
42
43
44
<script type="text/javascript">
// le constructeur de l'objet de type classFormEvent
function classFormEvent(myid){
if(typeof(myid!="undefined")){
this.myid=myid ;// si un parametre idenditiant de id est passé 
 
}
else
{
//si pas d'identifiant passé en paramétre 
this.myid = null;
 
}
 
 
}
 
 
//on  attache la méthode de redirection de la page avec la propriété prototype à l'objet classFormEvent
classFormEvent.prototype.listen=function(){
 
 
var id_select=document.getElementById(this.myid);
 
	id_select.onclick=function(){
	var contenu=document.forms[0].elements[0].value;
	window.location='http://www.webcreation-lg.fr/update/test.php?page='+contenu+'&selected=selected';}
 
}
 
 
 
 
 
 
 
 
var id = new classFormEvent("idselect");//création d'un objet sur lequelle s'applique l'evénement onclick 
id.listen();//appelle de la méthode qui opere la redirection et qui affiche un
 //nouveau formulaire ou l'on pourra modifier le contenu.
 
 
 
</script>

Parametres avec une fonction

JavaScript

Discussions similaires

Partager

Partager