JavaScript: Deux scripts séparés - partager des variables?

Si j'ai deux scripts dans une page HTML avec JavaScript sont des variables partagées entre l'ensemble de la page? Ou seulement à l'intérieur de leur propre déclarations?

Exemple:

<script> var title = "Hello World!"; </script>
//random HTML/PHP
<script> document.write(title); </script>

Sera que d'écrire "Hello World!"?
Cela semble être une mauvaise convention de codage comment pourrais-je obtenir quelque chose comme ceci avec une bonne forme.

source d'informationauteur Bobby S

coding-style javascript

21

Variable de titre dans votre exemple est déclarée comme une variable globale, il sera donc à la disposition de tout et de tous les scripts chargés dans la même page. Quoi de plus, si il y a déjà une variable globale nommée title sur la même page, sa valeur sera écrasée lorsque vous affectez-lui la valeur "Hello World!"

La pratique habituelle pour éviter ce genre de problème est de déclarer exactement une variable globale, puis mettez tous vos autres variables à l'intérieur. Par exemple:
```
var bobbyS_vars = {
    title: "Hello World!";
};
```
Attribuer cette seule variable globale un nom que personne d'autre est susceptible de choisir, telles que votre nom ou le nom de l'employeur ou le meilleur de tous, un nom de domaine qui vous appartient à vous ou à votre employeur.

Un autre, plus commune façon de traiter ce problème est de prendre avantage de la manière que JavaScript gère la portée des variables dans les fonctions. Par exemple, créer une fonction anonyme, déclarer tous de votre code à l'intérieur de cette fonction, puis d'appeler la fonction à la fin de la déclaration en mettant () à la fin de la déclaration. Par exemple:
```
(function() {
    var title = "Hello World!";

    document.write(title);
})();

//title is not in scope here, so it is undefined,
//unless it were declared elsewhere.
```
Si vous voulez de partager certaines variables, mais pas les autres, votre fonction anonyme utilisation d'une combinaison d'approches:
```
var bobbyS_vars = {
    title: "Hello World!";
};

(function() {
    var employeeId = "E 298";
    var count = 7;

    document.write("<p>" + bobbyS_vars.title + "</p>");
    document.write("<p>" + employeeId + "</p>");
})();

//At this point, bobbyS_var.title is in scope and still has the 
//value "Hello World!". Variables employeeId and count are not
//in scope and effectively private to the code above.
```
Une note finale. Toutes les fonctions de votre code déclare sont aussi des variables globales. Donc, si vous créez une fonction nommée printTitle, c'est 1) la disposition de tous les autres code sur la page et 2) pourrait remplacer ou être remplacée par une autre fonction sur la même page, également nommé printTitle. Vous pouvez protéger et/ou exposer votre fonctionne de la même manière que vous le feriez pour tout autre variable:
```
var bobbyS_vars = { };

(function() {
    //Private functions
    var function = addOne(i) {
        return i + 1;
    };

    //Public vars
    bobbyS_vars.title: "Hello World!";

    //Public functions
    bobbyS_vars.printTitle = function() {
        document.write("<p>" + bobbyS_vars.title + "</p>");
        document.write("<p>" + addOne(41) + "</p>");
    };
})();

//At this point, function addOne is not directly accessible,
//but printTitle is.
bobbyS_vars.printTitle();
```
Noter que, bien que la fonction addOne est effectivement une fonction privée à l'intérieur de la clôture, elle est toujours accessible indirectement, via la printTitle fonction car addOne, et elle printTitle sont tous deux dans le même champ d'application.
8

title est dans le Global la portée, ce qui, dans le cas de JavaScript s'exécutant dans un navigateur web, est la window objet. Quand vous dites var title = "Hello World!" en dehors de toute fonction qui permettrait de limiter son champ d'application, c'est la même chose que de dire window.title = "Hello World!".Votre code est équivalent à ceci:
```
<script>
    window.title = "Hello World!";
</script> 

<script>
    document.write(title);
    //or document.write(window.title) works just as well
</script> 
```
2

Ils vont tous être "partagé" en conformité avec les règles de portée et de ces. Fichiers distincts a aucun effet sur ce à l'EXCEPTION de l'ordre de l'inclusion de ces fichiers.

Edit: La même règle s'applique aux commandes de scripts.

Et de donner des précisions sur l'exception:

Si j'ai le fichier Foo où je déclare ce qui suit:

var fooVar = barVar;

Puis-je avoir le fichier Bar où je déclare ce qui suit:

var barVar = 'bar';

Et je les inclus dans cet ordre:
```
<script type="javascript/text" src="foo.js"></script>
<script type="javascript/text" src="bar.js"></script>
```
Vous obtiendrez un interprétée erreur parce que l'utilisation de barVar vient avant sa déclaration.
1

Dans ce cas, le titre serait une variable globale. Vous avez besoin d'encapsuler la variable dans un champ. Il existe différentes méthodes pour le faire. Ma préférence est une auto-exécution de la fonction anonyme, ce qui serait fait comme suit:
```
    (function() {
       var title = "Hello world!";

       alert(title); //would pop up "Hello World!" since title is in scope
    });

    alert(title); //title doesn't exist, because it's outside the scope
```
1

La window détient toutes les variables. Tous les scripts sont dans la mère window objet. Si toutes les variables sont dans un même espace. Ils peuvent, toutefois, être localisés à des fonctions, etc.

Vous devez vous connecter pour publier un commentaire.