Warum führt die Verwendung einer globalen Variablen mit dem Namen „name' in JavaScript zu unerwartetem Verhalten?

Der seltsame Fall von „name“ in JavaScript-Objekten

Beim Arbeiten mit JavaScript-Objekten kann es bei der Verwendung eines globalen Objekts zu einem unerwarteten Verhalten kommen Variable mit dem Namen „Name“. Diese Variable hat in verschiedenen Kontexten eine einzigartige Bedeutung.

Bedenken Sie den folgenden Codeausschnitt:

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName);
alert(name); // Weird value

In Chrome gibt „alert(name.FirstName)“ undefiniert zurück, während es im IE wie erwartet funktioniert und Firefox. Darüber hinaus erzeugt „alert(name)“ einen seltsamen Wert, der Fragen zu seinem Verhalten aufwirft.

Die Ursache dieses Problems liegt in der besonderen Rolle der Eigenschaft „name“ im globalen Geltungsbereich von JavaScript. Die Eigenschaft window.name soll eine Zeichenfolge sein, die den Namen des aktuellen Fensters oder Frames darstellt. Beim Erstellen einer globalen Variablen mit dem Namen „name“ wird „window.name“ implizit auf eine Zeichenfolge gesetzt und damit im Wesentlichen der Sonderwert überschrieben.

Anschließend wird beim Versuch, auf „name.FirstName“ zuzugreifen, versucht, eine Eigenschaft von a abzurufen Primitiv (Zeichenfolge) und nicht ein Objekt, was zu undefiniert führt. Dieses Verhalten ist spezifisch für Chrome, das den beabsichtigten Zweck von window.name erzwingt, indem es die globale Variable „name“ in eine Zeichenfolge umwandelt.

Um dieses Problem zu vermeiden, verwenden Sie „name“ nicht als globale Variable. da es zu unerwarteten Ergebnissen führen kann. Indem Sie diese Variable vermeiden, können Sie sicherstellen, dass sich Ihr Code in verschiedenen Browsern konsistent verhält.

Das obige ist der detaillierte Inhalt vonWarum führt die Verwendung einer globalen Variablen mit dem Namen „name' in JavaScript zu unerwartetem Verhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!