{}const=>[]async()letfn</>var
Développement

Ce que prépare ECMAScript : importation brute, pushAll et nouveaux itérateurs

Quelles propositions sont discutées par le TC39 et pourquoi elles peuvent bouleverser le JavaScript habituel

К

Kodik

Auteur

3 min de lecture

JavaScript est à nouveau sur le point de changer.

Comité TC39, responsable du développement de la norme ECMAScript, discute des dernières propositions qui peuvent grandement simplifier la vie des développeurs. Les importations brutes, la nouvelle méthode pushAll et les itérateurs avec des méthodes « intelligentes » - tout cela peut entrer dans le langage dans les prochaines versions. Voyons quelles sont ces fonctionnalités et pourquoi il faut les suivre dès maintenant.

Importations brutes (Import Attributes & Raw Imports)

Nous sommes habitués à import x from '...', mais le front-end moderne ne se limite plus à JS et CSS. JSON, WASM et même des formats non standard entrent en jeu.

Ce qui est proposé :

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

Possibilité de travailler directement avec des données « brutes », par exemple ArrayBuffer pour les fichiers binaires. Cela supprime les béquilles de fetch() + Response.text() et rend le code transparent.

🔥 100 000+ étudiants déjà avec nous

Marre de lire la théorie ?
Il est temps de coder !

Kodik — une appli où tu apprends à coder par la pratique. Mentor IA, leçons interactives, projets réels.

🤖 IA 24/7
🎓 Certificats
💰 Gratuit
🚀 Commencer
Ont rejoint aujourd'hui

pushAll — la mise à niveau tant attendue des tableaux

Aujourd'hui, pour ajouter un tableau à un tableau, nous écrivons :

arr.push(...other);

Beau, mais inefficace. Nouvelle méthode :

arr.pushAll(other);

✔ Aucune allocation cachée

✔ Plus efficace sur les données volumineuses

✔ Plus clair pour les débutants

Nouveaux itérateurs : fonctionnalité de type « collections »

TC39 discute d'une API étendue pour les itérateurs afin qu'ils ressemblent à des collections en Python ou en C#.

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

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

Maintenant, les itérateurs cesseront d'être une « chose de bas niveau » et deviendront un outil à part entière pour travailler avec les données.

Statut actuel dans TC39

Chaque nouvelle fonctionnalité a un chemin à parcourir, de l'idée à la norme. Voici où ils en sont maintenant :

Proposition

Description

Stage

Import Attributes (Raw Imports)

Importations avec indication du type de ressource (JSON, WASM, données binaires)

Stage 3

Array.prototype.pushAll

Ajout d'éléments de tableau sans spread

Stage 1

Iterator Helpers

Méthodes map, filter, take et autres pour les itérateurs

Stage 3

Pourquoi est-ce important ?

  • Importations font de JS un langage véritablement multi-format.

  • pushAll supprime les béquilles et améliore la lisibilité.

  • Itérateurs amènent la langue à un nouveau niveau de déclarativité.

Nous sommes sur Codique Nous aimons creuser de telles fonctionnalités au début, pour pouvoir ensuite les expliquer avec des mots simples et montrer comment les utiliser sans douleur. L'application contient des cours sur JavaScript et d'autres langages, et dans notre Chaîne Telegram nous discutons des dernières propositions de TC39 et des dernières nouveautés du front-end.

📲 Rejoignez-nous et soyez au courant de l'avenir de JS !

🎯Arrête de reporter

Tu as aimé l'article ?
Place à la pratique !

Avec Kodik, tu ne lis pas seulement — tu codes immédiatement. Théorie + pratique = vraies compétences.

Pratique instantanée
🧠L'IA explique le code
🏆Certificat

Sans inscription • Sans carte