Import Export ในภาษา JavaScript มีไว้ใช้สำหรับนำเข้าโค้ดจากไฟล์อื่น
เพื่อให้โค้ดจัดแบ่งเก็บไว้แยกเป็นไฟล์
เมื่อต้องการนำมาใช้ก็ Import
ตัวอย่าง
import person from './person.js'
แต่ก่อนที่จะ Import ได้ ในไฟล์ person.js
จะต้องมีการ export ด้วย
const person = {
name: 'A'
}
export default person
เมื่อมีการ export default แบบนี้จะเป็นการ export ทั้งหมด
สามารถ import โดยใช้ชื่อตัวแปรอื่นก็ได้
import p from './person.js'
การ export เฉพาะบางตัวแปร
utility.js
export const a = () => {...}
export const b = 1
ในกรณีแบบนี้เวลาจะ import ต้องเขียนแบบนี้
import { a } from './utility.js'
import { b } from './utility.js'
ชื่อตัวแปรจะต้องเป็นชื่อเดียวกันกับชื่อตัวแปรที่ export
แต่ถ้าอยากเปลี่ยนก็สามารถทำได้
import { a as c } from './utility.js'
หรือจะ import มาทั้งหมดก็ได้
import * as abc from './utility.js'
Top comments (0)