des variables globales

[herotic]

Bonjour,

Quelques fois j'ai besoin des mêmes variables javascript d'une portion de code à un autre. Jusqu'à présent je me débrouillais pour appeler ces variables dans le header pour qu'elles soit disponibles pour tous mes futurs scripts etc :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
var MaPremiereVar = '1';
var MaDeuxiemeVar = '2';
</script>
 
//ailleurs dans ma page html
<script type="text/javascript">
//...
alert(MaPremiereVar);
//...
</script>

Je n'aime pas vraiment laisser trainer des variables globales comme ça. Je me demandais si un script, via l'attribut src, n'était pas capable de recevoir une ou plusieurs variables comme une url classique avec des paramètres :

Code :

1
2
3
 
 
<script type="text/javascript" src="alert.js?MaPremiereVar='1'MaDeuxiemeVar='2'"></script>

Ma question concerne vraiment un fichier javascript. Je sais que je pourrais appeler un script php(ou autre) dans l'attribut src mais je me demandais si js en était capable seul.

Si ce n'est pas possible, les espaces de nommage sont ils la seule solution pour éviter de propager des variables dans tous les sens?

Jusqu'à présent je n'ai jamais eu de problème avec cette manière de faire (ie. les variables globales), mais je sens que ce n'est pas la plus fiable et la plus lisible.

[javatwister]

mettons que tu définisses tes variables en arguments d'un src: quel est le profit? en quoi est-ce plus propre / efficace?

bref, si tes variables globales sont sensées, pesées, très utiles dans ton code, si possible transparentes pour un utilisateur autre que toi, utilise-les!

[NoSmoking]

Je n'aime pas vraiment laisser trainer des variables globales comme ça.

- tu peux créer un namespace, c'est considéré comme le plus clean...

- sinon sur le onload du document tu récupères les balises script et leur href src que tu traites pour récupérer les paramètres passe comme tu le ferais avec une url normal, ça fait classe...et on ne touche pas au code initial...

- sinon comme tu continues comme tu le fais...

[ABCIWEB]

Disons qu'il faut éviter de multiplier les variables globales car le risque de collision augmente en fonction du nombre de scripts que tu appelle et qui les utilise.

C'est assez souvent possible de limiter leur nombre ainsi que le nombre de fonctions accessibles depuis l'extérieur.

Un article sur le sujet ici

[dukej]

L'utilisation de variable globale montre surtout un problème d'organisation et de niveau en programmation Javascript.

Je m'explique :

souvent on va trouverdes morceau de variables déclarées en global, et juste après une fonction sans paramètres qui viendra utiliser ces variables.

Code :

1
2
3
4
5
6
7
8
9
 
var mavar1 = 1;
var mavar2 = 2;
function codemoche() {
   alert(mavar1);
}
 
 
window.onload = codemoche;

Alors qu'on pourrait très bien utiliser des paramètres dans la fonction.

Le mieux est d'essayer plutôt de faire des objets qu'on instancie ensuite via des paramètres. C'est plus propre et plus réutilisable.

[NoSmoking]

code tout aussi "moche" mais plus acceptable

Code :

1
2
3
4
5
6
7
8
9
function global( var1, var2){
  this.mavar1 = var1 ? var1:"undefined";
  this.mavar2 = var2 ? var2:"undefined";
  this.codemoche = function () {
    alert( this.mavar1 +'\n'+ this.mavar2);
  }
};
var go = new global("param #1", "param #2");
go.codemoche();

Envoyé par dukej

L'utilisation de variable globale montre surtout un problème d'organisation et de niveau en programmation Javascript.

tout à fait vrai mais il peut arriver qu'il n'y ai pas de suite dans les appels de fonction autorisant les passages successifs en paramètre, de données à traiter.
exemple
Mise à jour de variables dans un contexte puis utilisation de celles ci dans un autre contexte.

Certes tu me diras qu'il est donc temps d'instancier un objet, et manipuler celui ci, et là tu as raison.

Envoyé par ABCIWEB

Un article sur le sujet ici

lecture incontournable...

[sekaijin]

déjà breuk les variables globales
voir les post sur les namespaces pour faire propre.

ensuite pour le script qui prend des param dans l'url
Oui c'est possible.
mais pas simple
il faut faire plusieurs chose
lorsque tu inclus ton script tu mets un onload

Code :

1
2
3
4
<script 
   type="text/javascript" 
   src="varscript.js?maPremiereVar='1'&maDeuxiemeVar='2'"
   onload='initVars(this)'></script>

lorsque le fichier sera chargé le navigateur va définir un élément script puis il va parser et charger le contenu du script
et ensuite il va exécuter la méthode iniVars

il faut donc définir la méthodes initVars dans le script
dans cette méthode le paramètre sera l'élément script lui-même.
tu pourras donc récupérer la chaine src de l'URL du script
et ainsi récupérer les variables et leur valeur
à toi alors de les mettre dans un namspace pour les utiliser en suites.
A+JYT