JavaScript:
การอ่านไฟล์ข้อความ

วิธีการ:

นี่คือวิธีที่คุณจะทำการอ่านไฟล์ข้อความใน JavaScript ปัจจุบัน:

ใช้ Node.js กับ Promises (Async/Await):

const fs = require('fs').promises;

async function readFile(filePath) {
  try {
    const data = await fs.readFile(filePath, 'utf8');
    console.log(data);
  } catch (error) {
    console.error('เกิดข้อผิดพลาดในการพยายามอ่านไฟล์:', error);
  }
}

readFile('example.txt');

ผลลัพธ์ตัวอย่าง (เนื้อหาของ example.txt):

สวัสดี, นี่คือไฟล์ข้อความ!

ใช้ fetch API ในเบราว์เซอร์:

async function fetchTextFile(fileUrl) {
  try {
    const response = await fetch(fileUrl);
    const text = await response.text();
    console.log(text);
  } catch (error) {
    console.error('อุ้ย, เกิดบางอย่างไม่ถูกต้องในการดึงไฟล์:', error);
  }
}

fetchTextFile('example.txt');

ขุดลึก

เดิมที, การอ่านไฟล์ใน JavaScript ส่วนใหญ่เป็นเรื่องของฝั่งเซิร์ฟเวอร์, ที่จัดการโดย Node.js ตามที่ JS ลุกลามเข้าไปในเบราว์เซอร์ด้วย HTML5, APIs เช่น FileReader และ fetch ได้ปรากฏขึ้น, ทำให้การอ่านไฟล์ฝั่งไคลเอนต์เป็นไปได้อย่างง่ายดาย โดยไม่ต้องเหนื่อย

มีทางเลือกอื่นหรือไม่? โอ้, มีอีกหลายทาง เช่น Streams สามารถจัดการไฟล์ขนาดใหญ่โดยไม่จำเป็นต้องใช้หน่วยความจำมาก Workers ป้องกันไม่ให้ UI หยุดทำงาน Libraries ทำให้งานที่ซับซ้อนง่ายขึ้น แต่ละอย่างมีที่มาที่ไปของมัน

ภายใต้หลังคา, การอ่านไฟล์อาจเกี่ยวข้องกับการจัดการบัฟเฟอร์, การเข้ารหัสตัวละคร (UTF-8 เป็นต้น), และการจัดการข้อผิดพลาด ต้องระมัดระวังเรื่องความปลอดภัยด้วย; เบราว์เซอร์จำกัดการเข้าถึงไฟล์ด้วยเหตุผลที่ดี

ดูเพิ่มเติม

ขยายการเรียนรู้ของคุณด้วยทรัพยากรเหล่านี้:

• เอกสาร API FileReader ของ MDN: MDN FileReader
• เอกสารระบบไฟล์ของ Node.js: Node.js fs
• Stream API สำหรับไฟล์ขนาดใหญ่: Node.js stream
• การเข้าใจ fetch API: MDN fetch