Babel เป็น toolchain ที่ ใช้เพื่อแปลงโค้ด ECMAScript 2015+ ให้เป็น JavaScript เวอร์ชันย้อนหลังที่เข้ากันได้ ในเบราว์เซอร์หรือสภาพแวดล้อมปัจจุบันและรุ่นเก่ากว่า
Babel คืออะไรและทำไมถึงใช้
Babel เป็นทรานส์คอมไพเลอร์ JavaScript แบบโอเพ่นซอร์สและฟรีซึ่งส่วนใหญ่ใช้ ในการแปลงโค้ด ECMAScript 2015+ (ES6+) เป็น JavaScript เวอร์ชันย้อนหลังที่เข้ากันได้ ที่สามารถเรียกใช้ได้ เอ็นจิ้น JavaScript ที่เก่ากว่า … ปลั๊กอิน Babel ใช้เพื่อแปลงรูปแบบที่ไม่ได้รับการสนับสนุนอย่างกว้างขวางให้เป็นเวอร์ชันที่เข้ากันได้แบบย้อนหลัง
ฉันควรใช้ Babel เมื่อใด
คุณต้องใช้ Babel เพื่อ แน่ใจว่าทุกคนจะสามารถรันโค้ดของคุณได้ มิฉะนั้น คุณจะพัฒนาได้โดยไม่ต้องใช้มัน
หากคุณต้องการ:
- ใช้โมดูล (ด้วย require หรือ import …)
- ใช้ JSX
- รองรับเบราว์เซอร์มากมาย
- ใช้คุณสมบัติขั้นสูงเพิ่มเติม (ไม่ตรงกัน/รอ) บางส่วนยังอยู่ในข้อเสนอ (นักตกแต่ง คุณสมบัติของชั้นเรียน..)
Babel ทำงานอย่างไรกับ JavaScript
Babel คือ ทรานสพิลเลอร์ JavaScript ที่แปลง Edge JavaScript เป็น JavaScript ES5 แบบเก่าธรรมดาที่สามารถทำงานในเบราว์เซอร์ใดก็ได้ (แม้แต่อันเก่า) ทำให้มีน้ำตาลซินแทคติกทั้งหมดที่เพิ่มลงใน JavaScript ด้วยข้อกำหนด ES6 ใหม่ รวมถึงคลาส ลูกศรอ้วน และสตริงหลายบรรทัด
Babel ยังจำเป็นในปี 2020 หรือไม่
ในปี 2020 นักพัฒนาส่วนหน้ายังคงเสียเวลากับเครื่องมือมากเกินไป บางคนมองว่า Babel เป็นสิ่งจำเป็น แต่ฉันตั้งใจจะแสดงให้คุณเห็นว่าไม่เป็นเช่นนั้น