Heim >Web-Frontend >js-Tutorial >Wie wandelt Array.prototype.slice.call Argumente in Arrays um?

Wie wandelt Array.prototype.slice.call Argumente in Arrays um?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-21 22:02:30381Durchsuche

How Does Array.prototype.slice.call Transform Arguments into Arrays?

Enthüllung des Mechanismus von Array.prototype.slice.call

Array.prototype.slice.call ist ein vielseitiges Tool, das uns das gewährt Fähigkeit, Argumente in echte Arrays umzuwandeln. Der dieser Transformation zugrunde liegende Mechanismus mag jedoch rätselhaft erscheinen.

Unter normalen Umständen erwartet die Funktion beim Aufruf von .slice(), dass ihre Eingabe ein Array ist. Anschließend iteriert es über dieses Array und führt seine Operationen sorgfältig aus.

Was diesen Prozess so faszinierend macht, ist das unheimliche Verhalten von .slice() bei der Anwendung auf Argumente. Normalerweise ist arguments selbst kein Array. Vielmehr besitzt es eine Array-ähnliche Struktur mit einer .length-Eigenschaft und einer Reihe numerischer Indizes. Dies verleiht .slice() die Flexibilität, davon auszugehen, dass es sich bei Argumenten um ein Array handelt, wodurch es seine Operationen nahtlos ausführen kann.

Der Schlüssel zu dieser Transformation liegt in den Methoden call() und apply(). Mit diesen Methoden können wir den Wert einer Funktion manuell einem bestimmten Objekt zuweisen. Indem wir diesen Wert auf unser Array-ähnliches Objekt setzen, täuschen wir .slice() im Wesentlichen vor, dass es mit einem tatsächlichen Array funktioniert.

Um dieses Konzept zu veranschaulichen, betrachten wir das folgende einfache Objekt:

var my_object = {
    '0': 'zero',
    '1': 'one',
    '2': 'two',
    '3': 'three',
    '4': 'four',
    length: 5
};

Obwohl my_object kein Array ist, können wir .slice() nutzen, um seine Werte zu extrahieren, indem wir es als diesen Wert festlegen:

var sliced = Array.prototype.slice.call( my_object, 3 );

Wie aus der Konsolenausgabe hervorgeht, ist das Ergebnis array enthält die gewünschten Elemente:

['three','four'];

Wenn wir Array.prototype.slice.call mit dem Argumentobjekt verwenden, sind die Mechanismen im Wesentlichen identisch. Obwohl das Argumentobjekt kein Array ist, spiegelt es seine Struktur ausreichend wider, um .slice() dazu zu verleiten, seine Operationen so auszuführen, als wäre es ein Array.

Das obige ist der detaillierte Inhalt vonWie wandelt Array.prototype.slice.call Argumente in Arrays um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn