Pourquoi la variable « name » de JavaScript se comporte-t-elle différemment selon les navigateurs lorsqu'elle est utilisée avec des objets ?

La variable Windows 'nom' se comporte différemment avec les objets

En JavaScript, définir une variable avec le nom réservé 'nom' peut entraîner un comportement inattendu lorsque vous travaillez avec des objets.

Dans l'extrait suivant, Chrome se comporte différemment des autres navigateurs :

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName); // undefined in Chrome, 'Tom' in IE/Firefox

Ceci une anomalie survient parce que « nom » a un objectif particulier dans l’objet fenêtre du navigateur. Alors qu'IE et Firefox traitent « nom » comme un objet normal pouvant contenir des propriétés, Chrome l'interprète comme une chaîne primitive et la convertit en conséquence.

Par conséquent, l'attribution d'un objet à la variable « nom » (var name = {}) définit implicitement la propriété window.name sur la valeur de chaîne "[object Object]". Cette conversion interrompt le comportement attendu de l'objet, rendant impossible la définition ou l'accès aux propriétés sur « nom », comme le montre ce qui suit :

alert(name); // "[object Object]"

Pour éviter ce problème, il est recommandé d'éviter d'utiliser « nom » comme nom de variable globale, en particulier lorsque vous travaillez avec des objets. Vous pouvez également utiliser d'autres noms de variables ou envisager d'utiliser un espace de noms pour éviter les collisions de noms.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!