Exécutez JavaScript & Node.js en Ligne

Testez et déboguez votre code JS/Node.js avec un CLI direct dans le navigateur. Aucun setup, idéal pour l'apprentissage et le développement.

🚀 323,157 exécutions totales (1,542 ce mois-ci)

Udemy Logo ✨ Les cours de JavaScript/Node.js les plus appréciés

Loading...

⚡ À 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.

💡 Comment utiliser cet outil

  • 1. Choisissez une version de Node.js dans la liste au-dessus de l’éditeur (16, 18 ou 20).
  • 2. Écrivez ou collez votre code JavaScript directement dans l’éditeur.
  • 3. Cliquez sur Exécuter pour lancer votre code et voir la sortie instantanément dans la console ci-dessous.
  • 4. Pendant l’exécution, un bouton Arrêter apparaît - cliquez dessus pour mettre fin à l’exécution plus tôt.
  • 5. Utilisez Corriger le code pour corriger automatiquement les erreurs courantes de syntaxe ou d’indentation.
  • 6. Après correction, un bouton Corrections apparaît - cliquez dessus pour revoir vos corrections récentes.
  • 7. Vous pouvez aussi Téléverser un fichier local ou Télécharger votre script actuel depuis l’éditeur.
  • 8. Chaque exécution est limitée à 20 secondes pour l’efficacité et un usage équitable entre tous les utilisateurs.

🧠 Astuce : L’environnement d’exécution Node.js prend en charge les fonctionnalités ECMAScript modernes - parfait pour tester du code asynchrone, les modules et l’analyse JSON en temps réel.

💡 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é"]