Der Zweck des JavaScript-Typs

Typeof in JavaScript ist eigentlich sehr komplex. Es kann für viele Dinge verwendet werden, weist aber auch viele seltsame Verhaltensweisen auf. Dieser Artikel listet die vielfältigen Einsatzmöglichkeiten auf und zeigt auch bestehende Probleme und Lösungen auf.

Die Voraussetzung für die Lektüre dieses Artikels ist, dass Sie nun den Unterschied zwischen primitiven Werten und Objektwerten kennen sollten.

Überprüfen Sie, ob eine Variable existiert und ob sie einen Wert hat

typeof gibt in zwei Fällen „undefiniert“ zurück:

Die Variable ist nicht deklariert

Der Wert der Variablen ist undefiniert

Zum Beispiel:

> typeof undeclaredVariable === "undefiniert"

true

> varclaimedVariable;

> typeofclaimedVariable

'undefiniert'

> typeof undefiniert

'undefiniert'

Es gibt andere Möglichkeiten zu erkennen, ob ein Wert undefiniert ist:

> var value = undefiniert;

> value === undefiniert

true

Aber wenn diese Methode verwendet wird Wenn es sich um eine nicht deklarierte Variable handelt, wird eine Ausnahme ausgelöst, da nur typeof nicht deklarierte Variablen normalerweise erkennen kann, ohne einen Fehler zu melden:

> undeclaredVariable === undefiniert

ReferenceError: undeclaredVariable ist nicht definiert

Hinweis: Nicht initialisierte Variablen, formale Parameter, die nicht als Parameter übergeben werden, und nicht vorhandene Eigenschaften haben die oben genannten Probleme nicht, da auf sie immer zugegriffen werden kann. Der Wert ist immer undefiniert:

>> 🎜>> (function (x) { return x === undefiniert }())

true

> ({}). undefiniert

true

Anmerkung des Übersetzers: Wenn Sie daher die Existenz einer globalen Variablen erkennen möchten, die möglicherweise nicht deklariert ist, können Sie auch if(window.maybeUndeclaredVariable){} verwenden.

Problem: Die Ausführung einer solchen Aufgabe scheint sehr kompliziert zu sein.

Lösung: Eine solche Operation kommt nicht sehr häufig vor, denken manche Leute Es besteht keine Notwendigkeit, nach einer besseren Lösung zu suchen. Aber vielleicht schlägt jemand einen speziellen Operator vor:

> Defined UndeclaredVariable

False

> var DeclaredVariable ;

> definierte deklarierte Variable

false

Alternativ braucht vielleicht jemand einen Operator, um zu erkennen, ob eine Variable deklariert ist:

> ; deklarierte undeklarierte Variable

false

> var deklarierteVariable;

wahre

Anmerkung des Übersetzers: In Perl entspricht der oben definierte Operator definiert() und der oben deklarierte Operator entspricht exist().

Bestimmen Sie, ob ein Wert ungleich undefiniert oder null ist

Frage: Wenn Sie erkennen möchten, ob ein Wert definiert wurde (der Wert ist weder undefiniert noch null). ), dann sind Sie auf eine der berühmtesten seltsamen Erscheinungsformen von typeof gestoßen (die als Fehler angesehen wird): typeof null gibt „object“ zurück:

> typeof null

' Objekt'

Anmerkung des Übersetzers: Dies kann nur als Fehler in der ursprünglichen JavaScript-Implementierung bezeichnet werden, und so wird der Standard jetzt reguliert. In V8 wurde der Typ „null === „null“ einmal korrigiert und implementiert, aber letztendlich erwies sich dies als undurchführbar. http://wiki.ecmascript.org/doku.php?id=harmony:typeof_null.

(Anmerkung: typeof gibt „Objekt“ zurück, wenn es mit Null arbeitet. Dies ist ein Fehler in der JavaScript-Sprache selbst. Leider wird dieser Fehler nie behoben, da zu viele vorhanden sind Code basiert bereits auf diesem Verhalten. Aber ist null ein Objekt? 🎜>

Lösung: Verwenden Sie für diese Aufgabe nicht „typeof“, sondern stattdessen die folgende Funktion:

function isDefined( x) {

return x !== null && x !== undefiniert;

}

Eine andere Möglichkeit besteht darin, einen „Standardwertoperator“ einzuführen, wenn myValue nicht definiert ist, der folgende Ausdruck gibt den Standardwert zurück:

myValue ?? defaultValue

Der obige Ausdruck entspricht:

(myValue !== undefiniert && myValue !== null) ? myValue : defaultValue

oder:

myValue ??= defaultValue

ist eigentlich eine Vereinfachung des Folgenden Anweisung:

myValue = myValue ?? defaultValue

Wenn Sie auf eine verschachtelte Eigenschaft wie z. B. bar zugreifen, benötigen Sie möglicherweise die Hilfe dieses Operators:

obj.foo.bar

Wenn obj oder obj.foo undefiniert ist, wird im obigen Ausdruck eine Ausnahme ausgelöst. Ein Operator.?? ermöglicht es dem obigen Ausdruck, das erste gefundene Attribut zurückzugeben, dessen Wert undefiniert oder null ist, wenn die Attribute Schicht für Schicht durchlaufen werden:

obj .??foo.??bar

Der obige Ausdruck entspricht:

(obj === undefiniert || obj === null) ? obj

: (obj.foo === undefiniert || obj.foo === null) ? obj.foo

: obj.foo.bar

unterscheidet zwischen Objektwerten und primitive Werte

Die folgende Funktion wird verwendet, um zu überprüfen, ob x ein Objektwert ist:

function isObject(x) {

return (typeof x === "function"

||. (typeof x === "object" && x !== null));

}

Problem: Das obige Die Erkennung ist komplizierter. Dies liegt daran, dass typeof Funktionen und Objekte als unterschiedliche Typen behandelt und typeof null „Objekt“ zurückgibt.

Lösung: Die folgende Methode wird auch häufig zum Erkennen von Objektwerten verwendet :

function isObject2(x) {

return x === Object(x);

}

Warnung: Sie denken vielleicht, dass Sie „instanceof Object“ zum Erkennen verwenden können, aber „instanceof“ bestimmt die Instanzbeziehung mithilfe des Prototyps eines Objekts. Was ist also mit Objekten ohne Prototypen zu tun?

> obj = Object.create(null);

> Object.getPrototypeOf(obj)

null

obj ist zwar ein Objekt, aber keine Instanz von irgendeinem value:

> typeof obj

'object'

> >In der Praxis begegnet man einem solchen Objekt vielleicht selten, aber es existiert und hat seinen Zweck.

Anmerkung des Übersetzers: Object.prototype ist das einzige integrierte Objekt ohne Prototyp.

>Object.getPrototypeOf(Object.prototype)

null

>typeof Object.prototype

'object'

>Object.prototype instanceof Object

false

Was ist der Typ des primitiven Werts?

typeof wird am besten verwendet, um einen primitiven Werttyp anzuzeigen .

> typeof "abc"

'string'

> typeof undefiniert

'undefiniert'

Problem: Sie müssen sich des seltsamen Verhaltens von typeof null bewusst sein.

> typeof null // Seien Sie vorsichtig

'object'

Lösung: Die folgende Funktion kann dieses Problem beheben (nur für diese Verwendung). Fall).

function getPrimitiveTypeName(x) {

var typeName = typeof x;

switch(typeName) {

case "undefiniert ":

case „boolean“:

case „number“:

case „string“:

return typeName;

Fall "Objekt":

if (x === null) {

Keine der Urteile wurde

neue Typeerror vergeben ("Der Parameter ist kein primitiver Wert: "+x);

}

}

Bessere Lösung Lösung: Implementieren Sie eine Funktion getTypeName(), die nicht nur den Typ des Originalwerts zurückgibt, sondern auch Gibt das interne [[Class]]-Attribut des Objektwerts zurück. So implementieren Sie diese Funktion (Anmerkung des Übersetzers: $.type in jQuery ist eine solche Implementierung)

Ob ein bestimmter Wert eine Funktion ist

typeof kann verwendet werden um zu testen, ob ein Wert eine Funktion ist.

> typeof function () {}

'function'

> typeof Object.prototype.toString

' Funktion'

Im Prinzip kann auch die Instanz von Funktion diese Anforderung erkennen. Auf den ersten Blick scheint die Schreibweise eleganter zu sein. Allerdings haben Browser eine Besonderheit: Jeder Frame und jedes Fenster hat seine eigenen globalen Variablen. Wenn Sie also ein Objekt von einem Frame an einen anderen übergeben, funktioniert „instanceof“ nicht ordnungsgemäß, da die beiden Frames unterschiedliche Konstruktoren haben. Aus diesem Grund gibt es in ECMAScript5 die Methode Array.isArray(). Es wäre schön, wenn es eine rahmenübergreifende Methode gäbe, um zu überprüfen, ob ein Objekt eine Instanz eines bestimmten Konstruktors ist. Das obige getTypeName() ist eine verfügbare Problemumgehung, es gibt jedoch möglicherweise eine grundlegendere Lösung.

Übersicht

Die folgenden Punkte sollten derzeit die dringendsten Anforderungen in JavaScript sein und können einige der Funktionsmerkmale der aktuellen Verantwortlichkeiten von typeof ersetzen:

isDefined() (wie Object.isDefined()): kann als Funktion oder Operator verwendet werden

isObject()

getTypeName()

Ein rahmenübergreifender Mechanismus zur Erkennung, ob ein Objekt eine Instanz eines angegebenen Konstruktors ist

Überprüfen Sie eine bestimmte Variable. Unabhängig davon, ob eine Variable deklariert wurde oder nicht, ist möglicherweise kein eigener Operator erforderlich.