{}const=>[]async()letfn</>var
Entwicklung

Was ECMAScript bereithält: Rohimport, pushAll und neue Iteratoren

Welche Vorschläge diskutiert TC39 und warum könnten sie das gewohnte JavaScript auf den Kopf stellen

К

Kodik

Autor

2 Min. Lesezeit

JavaScript steht wieder vor großen Veränderungen.

Ausschuss TC39, verantwortlich für die Entwicklung des ECMAScript-Standards, diskutiert neue Vorschläge, die Entwicklern das Leben erheblich erleichtern können. Roher Import, neue Methode pushAll und Iteratoren mit „intelligenten“ Methoden – all dies kann bereits in den kommenden Versionen in die Sprache aufgenommen werden. Lassen Sie uns herausfinden, was diese Funktionen sind und warum es sich lohnt, sie jetzt zu verfolgen.

Rohe Importe (Import-Attribute & Rohe Importe)

Wir sind an import x from '...' gewöhnt, aber das moderne Frontend ist nicht mehr auf JS und CSS beschränkt. JSON, WASM und sogar nicht standardisierte Formate kommen ins Spiel.

Was sie anbieten:

import config from './config.json' with { type: 'json' };
import wasm from './engine.wasm' with { type: 'webassembly' };

Die Möglichkeit, direkt mit "rohen" Daten zu arbeiten, z. B. ArrayBuffer für Binärdateien. Dies entfernt die Krücken von fetch() + Response.text() und macht den Code transparent.

🔥 100.000+ Schüler sind bereits bei uns

Genug Theorie gelesen?
Zeit zu coden!

Kodik — eine App, in der du durch Praxis programmieren lernst. KI-Mentor, interaktive Lektionen, echte Projekte.

🤖 KI 24/7
🎓 Zertifikate
💰 Kostenlos
🚀 Jetzt starten
Heute beigetreten

pushAll — das lang erwartete Array-Upgrade

Um heute ein Array zu einem Array hinzuzufügen, schreiben wir:

arr.push(...other);

Schön, aber nicht effektiv. Neue Methode:

arr.pushAll(other);

✔ Keine versteckten Allokationen

✔ Leistungsfähiger bei Big Data

✔ Einfacher für Anfänger

Neue Iteratoren: Funktionalität im Stil von „Sammlungen“

TC39 diskutiert eine erweiterte API für Iteratoren, um sie wie Sammlungen in Python oder C# aussehen zu lassen.

const it = [1,2,3,4,5].values()
  .filter(x => x % 2)
  .map(x => x * 10);

console.log([...it]); // [10, 30, 50]

Jetzt werden Iteratoren nicht mehr als „Low-Level-Sache“ betrachtet, sondern zu einem vollwertigen Werkzeug für die Arbeit mit Daten.

Aktueller Status in TC39

Jedes neue Feature hat einen Weg von der Idee zum Standard. Hier sind sie jetzt:

Angebot

Beschreibung

Stage

Import Attributes (Raw Imports)

Importe mit Angabe des Ressourcentyps (JSON, WASM, Binärdaten)

Stage 3

Array.prototype.pushAll

Hinzufügen von Array-Elementen ohne Spread

Stage 1

Iterator Helpers

Methoden map, filter, take und andere für Iteratoren

Stage 3

Warum ist das wichtig?

  • Importe machen JS zu einer wirklich formatübergreifenden Sprache.

  • pushAll entfernt Stützen und erhöht die Lesbarkeit.

  • Iteratoren bringen die Sprache auf eine neue Ebene der Deklarativität.

Wir sind in Kodike Wir lieben es, solche Funktionen am Anfang zu vertiefen, um sie dann mit einfachen Worten zu erklären und zu zeigen, wie man sie ohne Schmerzen benutzt. Die App bietet Kurse in JavaScript und anderen Sprachen, und in unserem Telegram-Kanal Wir diskutieren die neuesten Vorschläge von TC39 und aktuelle Frontend-Nachrichten.

📲 Mach mit zu uns und bleib über die Zukunft von JS auf dem Laufenden!

🎯Hör auf zu zögern

Artikel gefallen?
Zeit zum Üben!

Bei Kodik liest du nicht nur — du schreibst sofort Code. Theorie + Praxis = echte Skills.

Sofortige Praxis
🧠KI erklärt Code
🏆Zertifikat

Keine Registrierung • Keine Karte