บทนำสู่โมดูลสมัยใหม่ใน JavaScript

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

แต่เดิมโมดูลดังกล่าวไม่ได้ถูกกำหนดไว้ ในมาตรฐาน JavaScript และถูกพัฒนาขึ้น โดยชุมชนเท่านั้น ดังนั้นจึงมี ระบบโมดูลต่าง ๆ มากมายเกิดขึ้น: AMD, CommonJS, UMD และอื่น ๆ

ต่อมาในมาตรฐาน JavaScript ก็มี โมดูลของตัวเองปรากฏขึ้น เรียกว่า ES modules ด้วยเหตุนี้ โมดูลที่พัฒนาขึ้นโดยชุมชนจึงล้าสมัยอย่างรวดเร็ว และไม่ควรใช้งานอีกต่อไป

โมดูลที่ควรให้ความสนใจมีเพียง CommonJS เท่านั้น เนื่องจากในตอนแรก NodeJS ทำงานบนโมดูลนี้ และจนถึงตอนนี้มันก็ยังทำงานบนโมดูลนี้โดยค่าเริ่มต้น เพื่อความเข้ากันได้

นอกจากนี้ บ่อยครั้งในคำแนะนำการติดตั้ง ไลบรารีต่าง ๆ คุณจะพบคำอธิบาย ในรูปแบบ CommonJS แทนที่จะเป็น ES ดังนั้น คุณต้องเข้าใจว่า จะปรับโค้ด CommonJS เป็น ES อย่างไร

ยังมีข้อสังเกตอีกอย่าง ถึงแม้ว่าโมดูลจะถูกกำหนดไว้ ในมาตรฐาน JavaScript แล้ว แต่โมดูลเหล่านี้จะไม่ ทำงานในเบราว์เซอร์ได้ทันที (ในตอนนี้) สำหรับการใช้งาน จำเป็นต้องใช้เครื่องมือการบิลด์ยอดนิยมอย่างใดอย่างหนึ่ง