Wie funktioniert Array.prototype.slice.call ()?

Was passiert unter der Haube ist, dass, wenn .slice() heißt normalerweise this ist ein Array, und dann ist es nur iteriert über das Array und tut seine Arbeit.

Wie ist this im .slice() Funktion ein Array? Denn wenn Sie das tun:

object.method();

...die object wird automatisch der Wert der this im method(). So mit:

[1,2,3].slice()

...die [1,2,3] Array ist als der Wert der this im .slice().

Aber was ist, wenn Sie ersetzen könnte, etwas anderes als die this Wert? Solange alles, was Sie ersetzen einen numerischen .length - Eigenschaft, und eine Reihe von Eigenschaften, die numerische Indizes, sollte es funktionieren. Diese Art von Objekten wird oft als eine array-artiges Objekt.

Den .call() und .apply() Methoden lassen Sie manuell setzen Sie den Wert this in einer Funktion. Wenn wir also den Wert des this im .slice() zu einem array-artiges Objekt.slice() wird nur übernehmen es arbeitet mit einem Array und seine Sache tun.

Nehmen Sie diese plain-Objekt als Beispiel.

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

Dies ist natürlich nicht ein Array, sondern, wenn Sie können legen Sie es als this Wert von .slice()dann wird es nur funktionieren, weil es aussieht wie genug ein Array für .slice() um richtig zu arbeiten.

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

Beispiel: http://jsfiddle.net/wSvkv/

Wie Sie sehen können, in der Konsole, das Ergebnis ist das, was wir erwarten:

['three','four'];

Also das ist, was passiert, wenn du eine arguments Objekt als this Wert von .slice(). Da arguments hat eine .length Eigenschaft und eine Reihe von numerischen Indizes, die .slice() geht nur über seine Arbeit, als wäre es die Arbeit auf einem echten Array.

InformationsquelleAutor der Antwort user113716

Normalerweise Aufruf

var b = a.slice();

kopiert das array a in b. Allerdings können wir nicht

var a = arguments.slice();

weil arguments ist kein echtes array, und nicht slice als eine Methode. Array.prototype.slice ist die slice - Funktion für arrays und call läuft die Funktion mit this eingestellt arguments.

InformationsquelleAutor der Antwort Delan Azabani

Ersten, die Sie Lesen sollten,wie dem Funktions-Aufruf funktioniert in JavaScript. Ich vermute, dass allein ist genug, um Ihre Frage zu beantworten. Aber hier ist eine Zusammenfassung von dem, was passiert ist:

Array.prototype.slice extrahiert die slice Methode von Array's Prototyp. Aber ruft es direkt nicht funktioniert, da es eine Methode (keine Funktion) und erfordert daher ein Kontext (ein Aufruf-Objekt this), sonst würde es werfen Uncaught TypeError: Array.prototype.slice called on null or undefined.

Den call() - Methode können Sie angeben, eine Methode, den Kontext, im Grunde macht diese beiden Aufrufe äquivalent:

someObject.slice(1, 2);
slice.call(someObject, 1, 2);

Ausnahme der ehemaligen erfordert die slice Methode bestehen in someObject's Prototyp-Kette ( Array ), während die letzteren erlaubt, den Kontext (someObject) manuell an die Methode übergeben.

Auch, letzteres ist die Abkürzung für:

var slice = Array.prototype.slice;
slice.call(someObject, 1, 2);

Das ist das gleiche wie:

Array.prototype.slice.call(someObject, 1, 2);

InformationsquelleAutor der Antwort Marco Roy

Array.der Prototyp.Scheibe.call(arguments) ist der altmodische Weg, um konvertieren von Argumenten in einem array.

In ECMAScript 2015, Sie können Arrays verwendet werden.aus oder der spread-operator:

let args = Array.from(arguments);

let args = [...arguments];

InformationsquelleAutor der Antwort Alexander Moiseyev

Es nutzt die slice Methode arrays haben, und fordert es mit seinen this die arguments Objekt. Dies bedeutet, er nennt es, als ob Sie gar arguments.slice() vorausgesetzt arguments hatte eine solche Methode.

Erstellen eine Scheibe ohne jegliche Argumente nimmt einfach alle Elemente - so ist es einfach Kopien der Elemente aus arguments zu einem array.

InformationsquelleAutor der Antwort ThiefMaster

Vielleicht ein bisschen spät, aber die Antwort auf diese Misere ist, dass die call() wird verwendet, JS für die Vererbung.
Wenn wir es vergleichen mit Python oder PHP, zum Beispiel, rufen verwendet wird, bzw. als "super" ().init() oder parent::_construct().

Dies ist ein Beispiel, das verdeutlicht alles:

function Teacher(first, last, age, gender, interests, subject) {
  Person.call(this, first, last, age, gender, interests);

  this.subject = subject;
}

Referenz: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Inheritance

InformationsquelleAutor der Antwort Davide Pugliese

Bin ich Schreibe dies, um mich daran zu erinnern...

    Array.prototype.slice.call(arguments);
==  Array.prototype.slice(arguments[1], arguments[2], arguments[3], ...)
==  [ arguments[1], arguments[2], arguments[3], ... ]

Oder verwenden Sie einfach diese praktische Funktion $A zu drehen, die meisten Dinge, die in ein array.

function hasArrayNature(a) {
    return !!a && (typeof a == "object" || typeof a == "function") && "length" in a && !("setInterval" in a) && (Object.prototype.toString.call(a) === "[object Array]" || "callee" in a || "item" in a);
}

function $A(b) {
    if (!hasArrayNature(b)) return [ b ];
    if (b.item) {
        var a = b.length, c = new Array(a);
        while (a--) c[a] = b[a];
        return c;
    }
    return Array.prototype.slice.call(b);
}

Beispiel für die Verwendung...

function test() {
    $A( arguments ).forEach( function(arg) {
        console.log("Argument: " + arg);
    });
}

InformationsquelleAutor der Antwort Orwellophile