การส่งออกค่าจาก ES modules ใน JavaScript
ไม่เพียงแต่ฟังก์ชันเท่านั้นที่สามารถส่งออกได้ แต่ยังรวมถึงค่าอื่นๆ อีกด้วย ลองมาดูกันว่า ทำได้อย่างไร
การส่งออกสตริง
ส่งออกสตริง:
export default 'test';
ทำการนำเข้า:
import str from './test.js';
console.log(str);
การส่งออกอาร์เรย์
ส่งออกอาร์เรย์:
export default [1, 2, 3, 4];
ทำการนำเข้า:
import arr from './test.js';
console.log(arr);
การส่งออกอ็อบเจ็กต์
ส่งออกอ็อบเจ็กต์:
export default {
a: 1,
b: 2,
c: 3
};
ทำการนำเข้า:
import obj from './test.js';
console.log(obj);
โจทย์ปฏิบัติ
สร้างโมดูลที่ส่งออกอาร์เรย์ที่บรรจุ ตัวเลข เชื่อมต่อโมดูลนี้กับไฟล์อื่น และหาผลรวมของสมาชิกในอาร์เรย์ที่นำเข้า
สร้างโมดูลที่ส่งออกตัวเลขสามตัว เชื่อมต่อโมดูลนี้กับไฟล์อื่น และหาผลรวมของตัวเลขเหล่านี้