รัน JavaScript & Node.js ออนไลน์

รันโค้ด JS/Node.js ทันทีด้วย CLI ออนไลน์ในเบราว์เซอร์ เหมาะสำหรับ testing, debugging และเรียนรู้แบบไม่มี setup!

เวอร์ชัน

ตัวอย่าง

🚀 320,061 การดำเนินการทั้งหมด (1,177 ในเดือนนี้)

📚 ทุกคนกำลังเรียน JavaScript/Node.js - แล้วคุณล่ะ?

⚡ เกี่ยวกับตัวรันโค้ด JavaScript (Node.js) ออนไลน์นี้

ตัวรันโค้ด JavaScript ของ CodeUtility ให้คุณเขียนและรันโค้ด JavaScript สมัยใหม่ได้ตรงบนเบราว์เซอร์ - ทันทีโดยไม่ต้องตั้งค่าใดๆ ใช้สภาพแวดล้อม Node.js จริงในการรันโค้ดของคุณอย่างปลอดภัยในคอนเทนเนอร์แบบ sandbox รองรับเวอร์ชัน 16, 18 และ 20.

เครื่องมือนี้เหมาะสำหรับทดสอบสคริปต์ Node.js, สำรวจไวยากรณ์ ES6+, หรือเรียนรู้แนวคิดพื้นฐานของการเขียนโปรแกรม JavaScript เช่น ลูป, ฟังก์ชัน, อาเรย์, พรอมิส และพฤติกรรมของ async/await

คุณยังสามารถใช้เพื่อตรวจสอบอัลกอริทึม ดีบักสคริปต์เล็กๆ หรือทดลองตรรกะรันไทม์ได้โดยไม่ต้องติดตั้ง Node ในเครื่อง เหมาะสำหรับผู้เรียน นักพัฒนาแบ็กเอนด์ หรือใครก็ตามที่ต้องการวิธีรันโค้ด JavaScript แบบรวดเร็วบนเบราว์เซอร์

💡 วิธีใช้เครื่องมือนี้

1. เลือกเวอร์ชัน Node.js จากดรอปดาวน์เหนือเอดิเตอร์ (16, 18 หรือ 20)
2. พิมพ์หรือวางโค้ด JavaScript ของคุณลงในเอดิเตอร์โดยตรง
3. คลิก Run เพื่อรันโค้ดและดูผลลัพธ์ได้ทันทีในคอนโซลด้านล่าง
4. ระหว่างที่กำลังรัน จะมีปุ่ม Stop ปรากฏ - คลิกเพื่อหยุดการทำงานล่วงหน้าได้
5. ใช้ Fix Code เพื่อแก้ข้อผิดพลาดด้านไวยากรณ์หรือการเยื้อง (indentation) ที่พบบ่อยโดยอัตโนมัติ
6. หลังแก้ไขแล้ว จะมีปุ่ม Fixes ปรากฏ - คลิกเพื่อทบทวนการแก้ไขล่าสุดของคุณ
7. คุณยังสามารถ Upload ไฟล์จากเครื่อง หรือ Download สคริปต์ปัจจุบันจากเอดิเตอร์ได้
8. การรันแต่ละครั้งจำกัดที่ 20 วินาที เพื่อประสิทธิภาพและการใช้งานอย่างเป็นธรรมสำหรับผู้ใช้ทุกคน

🧠 เคล็ดลับ: รันไทม์ของ Node.js รองรับฟีเจอร์ ECMAScript สมัยใหม่ - เหมาะมากสำหรับทดสอบโค้ด async, โมดูล และการแยกวิเคราะห์ JSON แบบเรียลไทม์

💡 คู่มือพื้นฐาน Node.js สำหรับมือใหม่

1. การประกาศตัวแปรและค่าคงที่

ใช้ let หรือ const สำหรับตัวแปรที่มีขอบเขตเป็นบล็อก โดย const ใช้สำหรับค่าคงที่

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

2. เงื่อนไข (if / switch)

ใช้ if, else if, else หรือ switch สำหรับควบคุมการไหลของโปรแกรม

let x = 2;
if (x === 1) {
  console.log("หนึ่ง");
} else if (x === 2) {
  console.log("สอง");
} else {
  console.log("อื่น");
}

switch (x) {
  case 1:
    console.log("หนึ่ง");
    break;
  case 2:
    console.log("สอง");
    break;
  default:
    console.log("อื่น");
}

3. ลูป

ใช้ for, while และ forEach สำหรับวนซ้ำข้อมูล

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

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

4. อาเรย์

ใช้อาเรย์เพื่อเก็บรายการค่าที่มีลำดับ เข้าถึงด้วยดัชนี

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]);
console.log(fruits.length);

5. การจัดการอาเรย์

ใช้เมธอดอย่าง push, pop, slice และ 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. อินพุต/เอาต์พุตคอนโซล

ใช้ console.log สำหรับเอาต์พุต และโมดูล readline สำหรับอินพุต

const readline = require('readline');

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

rl.question("คุณชื่ออะไร? ", name => {
  console.log(`สวัสดี, ${name}`);
  rl.close();
});

7. ฟังก์ชัน

ฟังก์ชันสามารถประกาศหรือเขียนเป็น expression ก็ได้ ใน JavaScript สมัยใหม่มักใช้ฟังก์ชันแบบลูกศร (arrow function)

function greet(name) {
  return `สวัสดี, ${name}`;
}

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

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

8. อ็อบเจ็กต์ (แมป)

อ็อบเจ็กต์เก็บคู่คีย์-ค่า คล้ายพจนานุกรมหรือแมป

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. การจัดการข้อยกเว้น

ใช้ try, catch และ finally เพื่อจัดการข้อผิดพลาดอย่างปลอดภัย

try {
  throw new Error("มีบางอย่างผิดพลาด");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("เคลียร์งานหากจำเป็น");
}

10. การทำงานกับไฟล์ (File I/O)

ใช้โมดูล fs ของ Node.js เพื่ออ่านและเขียนไฟล์

const fs = require("fs");

fs.writeFileSync("test.txt", "สวัสดี ไฟล์");
const data = fs.readFileSync("test.txt", "utf8");
console.log(data);

11. การจัดการสตริง

ใช้เมธอดอย่าง trim(), toUpperCase(), replace() และ split()

let text = "  Hello World  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Hello", "Hi"));
console.log(text.split(" "));

12. คลาสและอ็อบเจ็กต์

ES6+ รองรับ OOP ด้วยไวยากรณ์ class

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `สวัสดี ฉันชื่อ ${this.name}`;
  }
}

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

13. การอ้างอิง

อ็อบเจ็กต์และอาเรย์ใน JavaScript ถูกส่งผ่านโดยการอ้างอิง

function update(arr) {
  arr.push("เปลี่ยนแล้ว");
}

let data = ["ดั้งเดิม"];
update(data);
console.log(data);  // ["ดั้งเดิม", "เปลี่ยนแล้ว"]