Das Prinzip der Object.prototype.toString-Methode in JavaScript_Javascript-Kenntnissen

In JavaScript lässt sich am zuverlässigsten ermitteln, zu welchem ​​integrierten Typ ein Objektwert gehört, die Methode Object.prototype.toString verwenden.

var arr = [];
console.log(Object.prototype.toString.call(arr)) //"[object Array]"

In diesem Artikel geht es darum, wie die toString-Methode dies tut und was das Prinzip ist.

ECMAScript 3

In ES3 lautet die Spezifikation der Object.prototype.toString-Methode wie folgt:

15.2.4.2 Object.prototype.toString()

Wenn die toString-Methode aufgerufen wird, werden die folgenden Schritte ausgeführt:

1. Ermitteln Sie den Wert des Attributs [[Class]] dieses Objekts.

2. Berechnen Sie die drei Zeichenfolgen „[object“, das Operationsergebnis Result(1) des ersten Schritts und die neue Zeichenfolge nach der „]“-Verkettung.

3. Geben Sie das Operationsergebnis des zweiten Schritts Result(2) zurück.

[[Klasse]] ist eine interne Eigenschaft, die alle Objekte (native Objekte und Hostobjekte) haben. In der Spezifikation ist [[Klasse]] wie folgt definiert

内部属性	描述
[[Class]]	一个字符串值,表明了该对象的类型.

Interne Eigenschaften Beschreibung Ein String-Wert, der den Typ des Objekts angibt.

Dann gab er eine Erklärung:

Der Wert des Attributs [[Class]] aller integrierten Objekte wird durch diese Spezifikation definiert. Der Wert des Attributs [[Class]] aller Hostobjekte kann ein beliebiger Wert sein, sogar der Wert [[Class]. Wird vom Attribut „Integriertes Objekt“ verwendet. Der Wert des Attributs [[Klasse]“ kann verwendet werden, um zu bestimmen, zu welchem ​​integrierten Typ ein natives Objekt gehört über die Object.prototype.toString-Methode. Lassen Sie das Programm auf den Wert der Eigenschaft zugreifen (siehe 15.2.4.2).

Mit anderen Worten, die von der Object.prototype.toString-Methode zurückgegebene Zeichenfolge, bei der das feste „[object“ vorne und das feste „]“ hinten entfernt wird, ist der Wert des internen Attributs [[class] ], was erreicht wird. Hierzu wird die Tool-Methode $.type() in jQuery verwendet.

In ES3 fasst das Spezifikationsdokument nicht zusammen, wie viele Arten von [[Klasse]] internen Eigenschaften es gibt, aber wir können selbst zählen. Es gibt insgesamt 10 Werte der [[Klasse]“. ] interne Eigenschaften nativer Objekte sind: „Array“, „Boolean“, „Date“, „Error“, „Function“, „Math“, „Number“, „Object“, „RegExp“, „String“ .

ECMAScript 5

In ES5.1 gibt es neben der detaillierteren Beschreibung auch einige Änderungen in der Definition der Object.prototype.toString-Methode und der [[class]]-internen Eigenschaften des Objekts. Die Methode „prototyp.toString“ lautet wie folgt:

15.2.4.2 Object.prototype.toString ( )

Wenn die toString-Methode aufgerufen wird, werden die folgenden Schritte ausgeführt:

Wenn der Wert davon undefiniert ist, geben Sie „[Objekt undefiniert]“ zurück.

Wenn der Wert null ist, geben Sie „[Objekt Null]“ zurück.

O sei das Ergebnis des Aufrufs von ToObject(this).

Klasse sei der Wert der internen Eigenschaft von O [[Klasse]].

Gibt die neue Zeichenfolge zurück, nachdem die drei Zeichenfolgen „[object“, class und „]“ verkettet wurden.

Es ist ersichtlich, dass es 1, 2 und 3 weitere Schritte als ES3 gibt. Die Schritte 1 und 2 sind neue Regeln und etwas ganz Besonderes, da „Undefiniert“ und „Null“ nicht zu den Werten von gehören das [[class]]-Attribut. Es ist zu beachten, dass dies nichts mit dem strikten Modus zu tun hat (bei den meisten Funktionen bleibt der Wert davon nur im strikten Modus undefiniert oder null und wird im nicht-strikten Modus automatisch zu einem globalen Objekt. Strikter Modus). Schritt 3 ist keine neue Regel, da in der ES3-Engine die drei primitiven Werttypen in diesem Schritt in entsprechende Verpackungsobjekte umgewandelt werden, in der Spezifikation jedoch nicht geschrieben wird ]]-Attribut wird ausführlicher erklärt:

Der Wert des Attributs [[Class]] aller integrierten Objekte wird durch diese Spezifikation definiert. Der Wert des Attributs [[Class]] aller Hostobjekte kann sein, außer „Argumente“, „Array“, „Boolean“, „Date“, „Error“, „Function“, „JSON“, „Math“, „Number“, „Object“, „RegExp“, „String“ Die interne Eigenschaft wird von der Engine intern zur Bestimmung verwendet Zu welcher Art von Wert ein Objekt gehört. Es ist zu beachten, dass diese Spezifikation dem Programm keine andere Möglichkeit bietet, auf den Wert dieser Eigenschaft zuzugreifen, außer über die Methode Object.prototype.toString (siehe 15.2.4.2).

Im Vergleich zu ES3 besteht der erste Unterschied darin, dass [[class]] zwei weitere interne Attributwerte hat, die zu 12 Typen werden. Einer besteht darin, dass [[class]] des Argumentobjekts zu „Arguments“ wird und nicht zum vorherigen „Objekt“, es gibt mehrere globale JSON-Objekte, deren [[Klasse]]-Wert „JSON“ ist. Der zweite Unterschied besteht darin, dass der Wert der internen Eigenschaft [[Klasse]] des Hostobjekts nicht sein kann. Es steht in Konflikt mit diesen 12 Werte, aber in Browsern, die ES3 unterstützen, scheinen keine Hostobjekte diese 10 Werte absichtlich zu verwenden

ECMAScript 6

ES6 ist immer noch nur ein Arbeitsentwurf, aber sicher ist, dass das interne Attribut [[class]] weg ist und durch ein anderes internes Attribut [[NativeBrand]] ersetzt wird. Das Attribut [[NativeBrand]] ist wie folgt definiert :

内部属性	属性值	描述
[[NativeBrand]]	枚举NativeBrand的一个成员.	该属性的值对应一个标志值(tag value),可以用来区分原生对象的类型.

[[NativeBrand]]-Attributerklärung:

Interne Eigenschaften von [[NativeBrand]] werden verwendet, um zu identifizieren, ob es sich bei einem nativen Objekt um einen bestimmten Objekttyp handelt, der dieser Spezifikation entspricht. Der Wert der internen Eigenschaft [[NativeBrand]] ist einer der Werte von Die folgenden Aufzählungstypen A: NativeFunction, NativeArray, StringWrapper, BooleanWrapper, NumberWrapper, NativeMath, NativeDate, NativeRegExp, NativeError, NativeJSON, NativeArguments, NativePrivateName. Nur in Tabelle 10 Nur explizit angegebene Objekttypen verfügen über [[NativeBrand]] interne Eigenschaften.

Tabelle 10 – Werte der internen Eigenschaften von [[NativeBrand]]

属性值	对应类型
NativeFunction	Funktionsobjekte
NativeArray	Objekte anordnen
StringWrapper	String-Objekte
BooleanWrapper	Boolesche Objekte
NumberWrapper	Anzahl der Objekte
NativeMath	Das Math-Objekt
NativeDate	Datumsobjekte
NativeRegExp	RegExp-Objekte
NativeError	Fehlerobjekte
NativeJSON	Das JSON-Objekt
NativeArguments	Argumente Objekte
NativePrivateName	Private Name-Objekte

Es ist ersichtlich, dass im Gegensatz zu [[class]] nicht jedes Objekt über [[NativeBrand]] verfügt. Gleichzeitig wurde auch die Spezifikation der Object.prototype.toString-Methode wie folgt geändert:

15.2.4.2 Object.prototype.toString ( )

Wenn die toString-Methode aufgerufen wird, werden die folgenden Schritte ausgeführt:

Wenn der Wert davon undefiniert ist, geben Sie „[Objekt undefiniert]“ zurück.

Wenn der Wert null ist, geben Sie „[Objekt Null]“ zurück.

O sei das Ergebnis des Aufrufs von ToObject(this).

Wenn O das interne Attribut [[NativeBrand]] hat, sei tag der entsprechende Wert in Tabelle 29.

Sonst

HasTag sei das Ergebnis des Aufrufs der internen Methode [[HasProperty]] von O mit dem Parameter @@toStringTag.

Wenn hasTag falsch ist, soll das Tag „Object“ sein.

Sonst

Tag sei das Ergebnis des Aufrufs der internen Methode [[Get]] von O, und der Parameter sei @@toStringTag.

Wenn das Tag eine abrupte Vervollständigung ist, lassen Sie das Tag zu NormalCompletion("???") werden.

Tag sei tag.[[Wert]].

Wenn Type(tag) keine Zeichenfolge ist, lassen Sie tag zu „???“ werden.

Wenn der Wert des Tags „Arguments“, „Array“, „Boolean“, „Date“, „Error“, „Function“, „JSON“, „Math“, „Number“, „Object“, „ist. RegExp ", oder

oder „String“, dann wird das Tag das Ergebnis der Verkettung der Zeichenfolge „~“ und des aktuellen Werts des Tags.

Gibt eine neue Zeichenfolge zurück, nachdem die drei Zeichenfolgen „[object“, tag und „]“ verkettet wurden.

Tabelle 29 – [[NativeBrand]]-Flag-Werte

[[NativeBrand]]-Wert	Flag-Wert
NativeFunction	<font face="NSimsun">"Function"</font>
NativeArray	<font face="NSimsun">"Array"</font>
StringWrapper	<font face="NSimsun">"String"</font>
BooleanWrapper	<font face="NSimsun">"Boolean"</font>
NumberWrapper	<font face="NSimsun">"Number"</font>
NativeMath	<font face="NSimsun">"Math"</font>
NativeDate	<font face="NSimsun">"Date"</font>
NativeRegExp	<font face="NSimsun">"RegExp"</font>
NativeError	<font face="NSimsun">"Error"</font>
NativeJSON	<font face="NSimsun">"JSON"</font>
NativeArguments	<font face="NSimsun">"Arguments"</font>

可以看到,在规范上有了很大的变化,不过对于普通用户来说,貌似感觉不到.

也许你发现了,ES6里的新类型Map,Set等,都没有在表29中.它们在执行toString方法的时候返回的是什么?

console.log(Object.prototype.toString.call(Map())) //"[object Map]"
console.log(Object.prototype.toString.call(Set())) //"[object Set]"

其中的字符串"Map"是怎么来的呢:

15.14.5.13 Map.prototype.@@toStringTag

@@toStringTag 属性的初始值为字符串"Map".

由于ES6的规范还在制定中,各种相关规定都有可能改变,所以如果想了解更多细节.看看下面这两个链接,现在只需要知道的是:[[class]]没了,使用了更复杂的机制.

以上所述是小编给大家分享的JavaScript中Object.prototype.toString方法的原理，希望对大家有所帮助！