Quelle est la différence entre un mondial de la var et de la fenêtre.variable en javascript?

Je suis en train de lire le backbone.js documents et de voir beaucoup de code qui affecte les attributs de la fenêtre de l'objet:

window.something = "whatever";

quelle est la différence entre l'appel de ce code, et juste de l'affectation de la variable et de la création d'un mondial var, comme ceci:

something = "whatever";

je suppose, est une sorte de portée différente, et/ou le propriétaire de l'objet différence (fenêtre étant le propriétaire vs pas) mais je suis intéressé dans le détail entre les deux et pourquoi je voudrais utiliser la fenêtre de vs de ne pas l'utiliser.

  • Ce n'est pas vraiment liée à votre cas particulier, mais rappelez-vous que Javascript n'est pas nécessaire de les exécuter dans un navigateur, si la fenêtre n'a pas à être défini.
InformationsquelleAutor Derick Bailey | 2011-06-14
  1. 68

    Pas de différence. Ils ont le même effet (Dans le navigateur, où window est le contexte global1).

    • window.foo = "bar" définit la propriété foo sur window.
    • foo = "bar" indique une faute de frappe ou intentionnellement mondiale.

    Depuis que j'ai à double vérifier si c'est une faute de frappe ou pas, personnellement, je trouve cela plus lisible pour définir window.foo directement.

    Aussi, dans l'ES5 mode strict, foo = "bar" illégale est une tâche parce foo n'est pas déclarée et va jeter un Error.

    Edit:

    Comme indiqué dans les commentaires, foo = "bar" va regarder tout le chemin jusqu'à la chaîne d'étendue pour la variable foo et de la réaffectation des il avec "bar" s'il est trouvé. Si il ne l'est pas, il va créer une nouvelle variable globale.

    Aussi avec window.foo = "bar" vous êtes juste à l'attribution d'une propriété à un objet, qui peut être supprimé à l'aide de delete window.foo.

    Dans l'ES5 mode strict, il est invalide à delete une variable.

    1 Dans d'autres environnements, tels que node.js Web et de Travailleurs, il y a peut être un autre nom pour l'objet global et window peut ne pas exister du tout. Node.js utilise global Web et les Travailleurs utilisent self.

    • En aparté, vous pouvez le supprimer de la fenêtre.foo mais pas un foo défini avec le var.
    • Il y a une différence. window.foo = bar; jeux de foo sur l'objet window. foo = bar; recherches de la portée de la chaîne jusqu'à ce qu'il trouve foo, ce qui peut finir par être l'objet global, mais pas toujours.
    • Je crois que c'est le navigateur spécifique.
    • Bon point. L'a réglé.
    • La différence dans la capacité à supprimer n'est pas vraiment un navigateur spécifique. Selon l'ECMAScript spec et en supposant window est l'objet global, le comportement @kennebec décrit est correct. Les anciennes versions d'IE ne sont pas conformes, cependant.
    • Il n'est pas censé être spécifiques au navigateur, mais il est. Je suis d'accord, cependant, que l'ES spec dit, vous pouvez supprimer les propriétés.

    InformationsquelleAutor Raynos
  2. 8

    Ils les deux de faire la même chose.

    Mais en accédant à un window bien, vous savez certainement que vous avez accès à une variable globale n'importe quel champ d'application que vous utilisez.

    Par exemple : 

    globalVar = "smth";
function(){
    var globalVar = 2;
    alert(globalVar);//points to the current scope globalVar
    alert(window.globalVar);//points to the original globalVar
}

    En d'autres termes, Si vous voulez travailler avec des variables globales, c'est un peu plus sûr de l'accès par l'intermédiaire de leur conteneur : window.variable

    InformationsquelleAutor gion_13
  3. 5

    La clé, comme Raynos fait allusion, c'est que c'est explicitement définie sur l'objet window. Dans le navigateur, l'objet global est le même que l'objet de la fenêtre, mais dans d'autres environnements (p. ex. node.js ou peut-être en cours d'exécution en mode web, de la sorte, sur un appareil mobile), il ne peut pas.

    InformationsquelleAutor ScottKoon
  4. 2

    La différence est que window.foo = bar; ne peuvent pas être interceptées par refactoring fait plus tard.
    À l'aide de foo = bar; signifie que si, à une date ultérieure, le code est déplacé dans une clôture où var foo a été défini, il ne sera plus fixé sur l'objet global.

    InformationsquelleAutor david
  5. 0

    Ajouter un point de plus:

    Si vous vous référez un variable non déclarée directement (sans utiliser - fenêtre ou typeof), puis vous obtiendrez une variable n'est pas définie erreur.

    Exemples:

    //var unDecVariable

if (unDecVariable != null) //Error: unDecVariable is not defined
{
    //do something
}

if (window.unDecVariable != null) //No Error
{
    //do something
}

if (typeof unDecVariable != 'undefined' && unDecVariable != null) //Alternative way
{
    //do something
}
    InformationsquelleAutor SridharKritha
  6. 0

    En suspens références (aka les variables non déclarées) sont en fait pas des variables, ils sont ajoutés en tant que propriété de l'objet global. [5c]

    En mode strict ("use strict"), les références jeter un ReferenceError. C'est pour éviter l'ajout de propriétés de l'objet global qui étaient censés être des variables déclarées. Dans ce cas, si vous ne souhaitez pas ajouter une propriété à l'objet global, vous utilisez la fenêtre.foo = "bar". [5a]

    InformationsquelleAutor bee