ตอบสนองโมดูล ES6

โมดูล

โมดูล JavaScript ช่วยให้คุณสามารถแบ่งโค้ดของคุณออกเป็นไฟล์แยกกันได้

ทำให้ง่ายต่อการบำรุงรักษาฐานรหัส

โมดูล ES อาศัยคำสั่งimportและexport

คุณสามารถส่งออกฟังก์ชันหรือตัวแปรจากไฟล์ใดก็ได้

ให้เราสร้างไฟล์ชื่อperson.jsและเติมด้วยสิ่งที่เราต้องการส่งออก

การส่งออกมีสองประเภท: มีชื่อและค่าเริ่มต้น

คุณสามารถสร้างการส่งออกที่มีชื่อได้สองวิธี ในบรรทัดทีละรายการหรือทั้งหมดพร้อมกันที่ด้านล่าง

person.js

export const name = "Jesse"
export const age = "40"

person.js

const name = "Jesse"
const age = "40"

export { name, age }

ทำโมดูล React ทำแบบฝึกหัด ทำข้อสอบ และได้รับการรับรองจาก w3schools!!

ให้เราสร้างไฟล์อื่น ชื่อmessage.jsและใช้เพื่อสาธิตการส่งออกเริ่มต้น

คุณสามารถมีการส่งออกเริ่มต้นในไฟล์ได้เพียงรายการเดียวเท่านั้น

message.js

const message = () => {
  const name = "Jesse";
  const age = "40";
  return name + ' is ' + age + 'years old.';
};

export default message;

คุณสามารถนำเข้าโมดูลลงในไฟล์ได้สองวิธี โดยขึ้นอยู่กับว่าโมดูลเหล่านั้นมีชื่อว่าการเอ็กซ์พอร์ตหรือการส่งออกเริ่มต้น

การส่งออกที่มีชื่อต้องถูกทำลายโดยใช้วงเล็บปีกกา การส่งออกเริ่มต้นไม่ได้

นำเข้าชื่อที่ส่งออกจากไฟล์ person.js:

import { name, age } from "./person.js";

นำเข้าการส่งออกเริ่มต้นจากไฟล์ message.js:

import message from "./message.js";