Array[Symbol.species]

Der Wert des Konstruktors (this), auf dem get [Symbol.species] aufgerufen wurde. Der Rückgabewert wird verwendet, um Rückgabewerte von Array-Methoden zu konstruieren, die neue Arrays erzeugen.

Die Zugriffseigenschaft [Symbol.species] gibt den Standardkonstruktor für Array-Objekte zurück. Konstruktoren von Unterklassen können diese überschreiben, um die Zuweisung des Konstruktors zu ändern. Die Standardimplementierung ist im Wesentlichen:

// Hypothetical underlying implementation for illustration
class Array {
  static get [Symbol.species]() {
    return this;
  }
}

Aufgrund dieser polymorphen Implementierung würde [Symbol.species] von abgeleiteten Unterklassen standardmäßig ebenfalls den Konstruktor selbst zurückgeben.

class SubArray extends Array {}
SubArray[Symbol.species] === SubArray; // true

Wenn Sie Array-Methoden aufrufen, die das bestehende Array nicht verändern, sondern eine neue Array-Instanz zurückgeben (zum Beispiel filter() und map()), wird auf den constructor[Symbol.species] des Arrays zugegriffen. Der zurückgegebene Konstruktor wird verwendet, um den Rückgabewert der Array-Methode zu konstruieren. Dies macht es technisch möglich, dass Array-Methoden Objekte zurückgeben, die nicht mit Arrays verwandt sind.

class NotAnArray {
  constructor(length) {
    this.length = length;
  }
}

const arr = [0, 1, 2];
arr.constructor = { [Symbol.species]: NotAnArray };
arr.map((i) => i); // NotAnArray { '0': 0, '1': 1, '2': 2, length: 3 }
arr.filter((i) => i); // NotAnArray { '0': 1, '1': 2, length: 0 }
arr.concat([1, 2]); // NotAnArray { '0': 0, '1': 1, '2': 2, '3': 1, '4': 2, length: 5 }

Die Eigenschaft [Symbol.species] gibt die Standardkonstruktorfunktion zurück, bei Array ist dies der Array-Konstruktor.

Array[Symbol.species]; // [Function: Array]

In einer Instanz einer benutzerdefinierten Array-Unterklasse, wie MyArray, ist der MyArray-Species der MyArray-Konstruktor. Es kann jedoch gewünscht sein, dies zu überschreiben, um Eltern-Array-Objekte in den Methoden Ihrer abgeleiteten Klasse zurückzugeben:

class MyArray extends Array {
  // Overwrite MyArray species to the parent Array constructor
  static get [Symbol.species]() {
    return Array;
  }
}

• Polyfill von Array[Symbol.species] und Unterstützung von [Symbol.species] in allen betroffenen Array-Methoden in core-js
• Indizierte Sammlungen Leitfaden
• Array
• Symbol.species