CodeUtility
Faciliter la vie des développeurs !

Online JavaScript Runner

Write, run, and debug JavaScript or Node.js online in a full-featured browser IDE. Work with multiple files and packages, save your workspace, and collaborate in real time.

Bibliothèques préinstallées
🚀 335,814 exécutions totales (393 ce mois-ci)

Udemy Logo 🎯 Nos recommandations de cours JavaScript/Node.js rien que pour vous

Chargement…

💡 Vous cherchez à améliorer vos compétences ? Ces cours peuvent vous aider : consultez-les pendant que notre modèle d'IA traite votre demande.

⚡ À propos de cet exécuteur JavaScript (Node.js) en ligne

Le CodeUtility JavaScript Executor vous permet d’écrire et d’exécuter du code JavaScript moderne directement dans votre navigateur - instantanément et sans aucune configuration. Il utilise de vrais environnements Node.js pour exécuter votre code en toute sécurité dans un conteneur sandboxé, en prenant en charge les versions 16, 18 et 20.

Cet outil est parfait pour tester des extraits Node.js, explorer la syntaxe ES6+ ou apprendre les concepts fondamentaux de la programmation JavaScript tels que les boucles, les fonctions, les tableaux, les promesses et le comportement d’async/await.

Vous pouvez aussi l’utiliser pour valider des algorithmes, déboguer de petits scripts ou expérimenter la logique d’exécution sans installer Node en local. Idéal pour les apprenants, les développeurs backend ou toute personne ayant besoin d’un moyen rapide, dans le navigateur, pour exécuter du code JavaScript.

Bien plus qu’un exécuteur de code

Utilisez depuis le même exécuteur un éditeur multifichier, un terminal d’exécution isolé, des bibliothèques propres à chaque environnement, des espaces de travail persistants, le partage et la collaboration en temps réel.

Comment utiliser cet exécuteur ?

Choisissez un environnement d’exécution, ouvrez ou créez un fichier, écrivez votre code, puis sélectionnez Exécuter. La sortie s’affiche dans le terminal ; les utilisateurs connectés peuvent conserver leurs fichiers dans un espace de travail, installer des bibliothèques et collaborer grâce aux partages.

  1. Sélectionnez une version et modifiez le fichier actuel, ou ouvrez un autre fichier de l’espace de travail.
  2. Exécutez le code, saisissez les données demandées dans le terminal et consultez l’historique des exécutions enregistrées.
  3. Utilisez les bibliothèques, les outils de l’espace de travail, le partage et le chat lorsque votre tâche nécessite plusieurs extraits de code.

💡 Guide des bases de Node.js pour débutants

1. Déclarer des variables et des constantes

Utilisez let ou const pour des variables à portée de bloc. const est utilisé pour les constantes.

let x = 10;
const PI = 3.14;
let name = "Alice";
let isActive = true;

2. Conditions (if / switch)

Utilisez if, else if, else ou switch pour le contrôle du flux.

let x = 2;
if (x === 1) {
  console.log("Un");
} else if (x === 2) {
  console.log("Deux");
} else {
  console.log("Autre");
}

switch (x) {
  case 1:
    console.log("Un");
    break;
  case 2:
    console.log("Deux");
    break;
  default:
    console.log("Autre");
}

3. Boucles

Utilisez for, while et forEach pour itérer sur des données.

for (let i = 0; i < 3; i++) {
  console.log(i);
}

let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}

4. Tableaux

Utilisez des tableaux pour stocker des listes ordonnées de valeurs. Accédez-y avec des index.

let fruits = ["pomme", "banane", "cerise"];
console.log(fruits[0]);
console.log(fruits.length);

5. Manipulation de tableaux

Utilisez des méthodes comme push, pop, slice et reverse.

fruits.push("kiwi");
fruits.pop();
console.log(fruits.slice(0, 2));
console.log(fruits.reverse());

let squares = [1, 2, 3, 4, 5].map(x => x * x);
console.log(squares);

6. Entrée/Sortie console

Utilisez console.log pour la sortie et le module readline pour l’entrée.

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question("Comment vous appelez-vous ? ", name => {
  console.log(`Bonjour, ${name}`);
  rl.close();
});

7. Fonctions

Les fonctions peuvent être déclarées ou exprimées. Les fonctions fléchées sont souvent utilisées en JavaScript moderne.

function greet(name) {
  return `Bonjour, ${name}`;
}

const add = (a, b) => a + b;

console.log(greet("Alice"));
console.log(add(2, 3));

8. Objets (Map)

Les objets stockent des paires clé-valeur. Ils sont similaires aux dictionnaires ou aux maps.

let person = { name: "Bob", age: 25 };
console.log(person.name);
console.log(person["age"]);

// Map ES6
const map = new Map();
map.set("a", 1);
console.log(map.get("a"));

9. Gestion des exceptions

Utilisez try, catch et finally pour gérer les erreurs en toute sécurité.

try {
  throw new Error("Quelque chose s'est mal passé");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("Nettoyage si nécessaire");
}

10. Entrée/Sortie de fichiers

Utilisez le module fs de Node.js pour lire et écrire des fichiers.

const fs = require("fs");

fs.writeFileSync("test.txt", "Bonjour fichier");
const data = fs.readFileSync("test.txt", "utf8");
console.log(data);

11. Manipulation de chaînes

Utilisez des méthodes comme trim(), toUpperCase(), replace() et split().

let text = "  Bonjour le monde  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Bonjour", "Salut"));
console.log(text.split(" "));

12. Classes et objets

ES6+ prend en charge la POO avec la syntaxe class.

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `Salut, je suis ${this.name}`;
  }
}

const p = new Person("Alice");
console.log(p.greet());

13. Références

Les objets et les tableaux en JavaScript sont passés par référence.

function update(arr) {
  arr.push("modifié");
}

let data = ["original"];
update(data);
console.log(data);  // ["original", "modifié"]