Der Unterschied zwischen null und undefiniert in JavaScript

Bei der JavaScript-Entwicklung wurde ich gefragt: Was ist der Unterschied zwischen null und undefiniert? Es ist für eine Weile schwer zu beantworten, insbesondere undefiniert, da es sich um das Implementierungsprinzip von undefiniert handelt.

Wie wir alle wissen: null == undefiniert

Aber: null !== undefiniert

Was ist also der Unterschied zwischen den beiden?

null

Dies ist ein Objekt, aber leer. Da es sich um ein Objekt handelt, gibt typeof null „object“ zurück.

null ist ein für JavaScript reserviertes Schlüsselwort.

null wird bei der Teilnahme an numerischen Operationen automatisch in 0 umgewandelt. Daher erhält der folgende Ausdruck nach der Berechnung den korrekten Wert:

Ausdruck: 123 + null　Ergebniswert: 123

Ausdruck: 123 * null　Ergebniswert: 0

undefiniert

undefiniert ist ein spezielles Attribut des globalen Objekts (Fensters) und sein Wert ist undefiniert. Aber typeof undefiniert gibt „undefiniert“ zurück.

Obwohl undefiniert eine besondere Bedeutung hat, ist es tatsächlich eine Eigenschaft und eine Eigenschaft des globalen Objekts (Fensters). Bitte schauen Sie sich den folgenden Code an:

alert('undefined' in window);   //输出：true
var anObj = {};
alert('undefined' in anObj);    //输出：false

Wie Sie sehen können, ist undefiniert eine Eigenschaft des Fensterobjekts, aber keine Eigenschaft des anObj-Objekts.

Hinweis: Obwohl undefiniert ein Attribut mit besonderer Bedeutung ist, ist es kein reserviertes Schlüsselwort in JavaScript. Wenn

undefiniert an einer numerischen Berechnung beteiligt ist, muss das Ergebnis NaN sein.

NaN ist übrigens eine weitere besondere Eigenschaft des globalen Objekts (Fensters), ebenso wie Infinity. Keines dieser speziellen Attribute sind reservierte Schlüsselwörter von JavaScript.

Undefinierte Leistung verbessern

Wenn wir undefinierte Werte im Programm verwenden, verwenden wir tatsächlich die undefinierte Eigenschaft des Fensterobjekts.

Dasselbe gilt, wenn wir eine Variable definieren, ihr aber keinen Anfangswert zuweisen, zum Beispiel:

var aValue;

Zu diesem Zeitpunkt wird JavaScript Der Anfangswert ist auf einen Verweis auf die Eigenschaft window.undefined gesetzt.

Wenn wir also eine Variable oder einen Wert mit undefiniert vergleichen, wird sie tatsächlich mit der undefinierten Eigenschaft des Fensterobjekts verglichen. Während dieses Vergleichsprozesses sucht JavaScript nach der Eigenschaft „undefiniert“ des Fensterobjekts und vergleicht dann die Referenzzeiger der beiden Operanden, um festzustellen, ob sie gleich sind.

Da das Fensterobjekt viele Attributwerte hat, dauert es einige Zeit, bei jedem Vergleich mit undefiniert nach dem undefinierten Attribut des Fensterobjekts zu suchen. Dies kann ein Leistungsproblem bei Funktionen sein, die häufige Vergleiche mit undefiniert erfordern. Daher können wir in diesem Fall selbst eine lokale undefinierte Variable definieren, um den Vergleich undefinierter Variablen zu beschleunigen. Beispiel:

function anyFunc()
    {
        var undefined;          //自定义局部undefined变量
         
        if(x == undefined)      //作用域上的引用比较
         
         
        while(y != undefined)   //作用域上的引用比较
         
    };

Unter anderem ist der Anfangswert beim Definieren einer undefinierten lokalen Variablen ein Verweis auf den Eigenschaftswert window.undefined. Die neu definierte lokale undefinierte Variable existiert im Gültigkeitsbereich der Funktion. Bei nachfolgenden Vergleichsvorgängen ändert sich nichts an der Art und Weise, wie der JavaScript-Code geschrieben wird, aber die Vergleichsgeschwindigkeit ist sehr hoch. Da die Anzahl der Variablen im Bereich weitaus geringer ist als die Eigenschaften des Fensterobjekts, wird die Geschwindigkeit der Variablensuche erheblich verbessert.

Aus diesem Grund definieren viele Front-End-JS-Frameworks häufig selbst eine lokale undefinierte Variable.