Trình biên dịch JavaScript online

Viết, chạy và chia sẻ đoạn code. Không cần thiết lập.

index.js

Alice
30

Output

Click Run to see the output here.

// A plain array makes dequeue O(n): shift() moves every element left.
// Track a head index instead, the fix the queue article describes.
const queue = { items: [], head: 0 };

function enqueue(value) {
    queue.items.push(value);
}

function dequeue() {
    const value = queue.items[queue.head];
    queue.items[queue.head] = undefined; // free the slot
    queue.head += 1;
    // Reclaim space once the consumed prefix dominates.
    if (queue.head * 2 >= queue.items.length) {
        queue.items = queue.items.slice(queue.head);
        queue.head = 0;
    }
    return value;
}

const size = () => queue.items.length - queue.head;

for (const value of [3, 7, 5]) {
    enqueue(value);
    console.log(`enqueue ${value} -> size ${size()}`);
}

// Dequeue from the front: first in, first out, amortized O(1)
while (size() > 0) {
    console.log(`dequeue ${dequeue()} -> size ${size()}`);
}

console.log('empty:', size() === 0);

Chạy JavaScript online ngay trên trình duyệt

Playground JavaScript online miễn phí. Viết JS hiện đại theo chuẩn ES2022+ trên trình duyệt, nhấn Chạy, code sẽ được thực thi trên Node 24 hoặc Deno 2.4 chỉ trong vài giây. Không cần cài đặt, không cần npm, không phải tạo package.json trước.

Trình soạn thảo dùng cùng engine với VS Code, nên tô màu cú pháp JS, tự động hoàn thành và gạch chân báo lỗi đều hoạt động. Code chạy trên Node 24 (hoặc Deno 2.4.3) bên trong một container cách ly, có sẵn các tính năng ES2022+ hiện đại, API fs/http của Node và thư viện chuẩn của Deno, rất tiện khi bạn muốn thử một hàm async, gọi fetch lấy JSON hay giải từng bước một bài phỏng vấn mà không phải rời trang.

Điều gì làm JavaScript playground này hữu ích

Chạy JavaScript tức thì: viết code, nhấn Chạy và xem đầu ra từ Node 24 (hoặc Deno 2.4) sau vài giây, không cần thiết lập.
Tô màu cú pháp JavaScript đầy đủ, tự động hoàn thành và thông báo lỗi, nhờ cùng engine soạn thảo với VS Code, ngay trong trình duyệt.
Đầu vào stdin được nối vào process.stdin (Node) và cách đọc readLine của Deno. Gõ các dòng vào ô đầu vào và playground sẽ truyền chúng theo thứ tự. Máy bạn không cần cấu hình Node, npm hay package.json.
Runtime Deno 2.4.3 và Node 24: JavaScript ES2022+ hiện đại với API của Node và thư viện chuẩn của Deno, không cần package.json.

Bạn có thể viết gì trong JavaScript playground

Phương thức mảng (map, filter, reduce), async/await, destructuring và các kỹ thuật ES2022+ hiện đại, chạy trên Node 24 hoặc Deno 2.4.
Lấy và phân tích JSON, promise và luồng bất đồng bộ, cú pháp class, cùng các bài thuật toán ngắn để luyện phỏng vấn.
Những đoạn code dùng một lần: thử một regex, kiểm tra định dạng ngày, thử một phương thức Array mới hay xác nhận một mẫu destructuring khó.

Câu hỏi thường gặp về JavaScript playground online

JavaScript playground online có miễn phí không?

Có, JavaScript playground online hoàn toàn miễn phí. Không cần đăng ký, không cần cài Node, không phải thiết lập npm: mở trang là chạy code trên Node 24 hoặc Deno 2.4 được.

Có cần cài Node.js để chạy JavaScript online không?

Không cần cài đặt. Máy bạn không cần Node, npm hay package.json. Công cụ chạy JavaScript online thực thi code trên Node 24 (hoặc Deno 2.4) và trả về đầu ra sau vài giây.

JavaScript playground có dùng được trên điện thoại và Chromebook không?

Có. JavaScript playground chạy trên mọi trình duyệt hiện đại, trên máy tính, máy tính bảng hay điện thoại. Đây là lựa chọn tốt để chạy JS từ Chromebook, iPad hay máy tính ở trường, nơi bạn không cài được Node.

Có đọc stdin từ Node trong JavaScript playground được không?

Được. Những dòng bạn gõ vào ô stdin được chuyển vào process.stdin trên Node, nên giao diện readline và vòng lặp for await (const line of process.stdin) hoạt động giống như khi chạy node script.js trên máy và dán đầu vào vào terminal.

Học JavaScript tiếp như thế nào sau khi thử playground?

Sửa code JavaScript mẫu, nhấn Chạy và thử lại nhiều lần. Khi muốn học bài bản hơn, khóa học JavaScript tương tác của Coddy đưa bạn từ biến đến closure, prototype và async/await.

Công cụ hữu ích cho JavaScript

Các công cụ miễn phí chạy trên trình duyệt, dùng tốt cùng Playground JavaScript, tất cả đều thuộc Coddy.

Xem tất cả công cụ cho lập trình viên Cheat sheet JavaScript Nhúng trình soạn thảo JavaScript So sánh các nền tảng học lập trình