JavaScript รูปแบบ Module

โมดูล (Modules)

โมดูล JavaScript อนุญาตให้คุณแบ่งย่อยโมดูลเป็นไฟล์ที่แยกต่างกัน。

นี่จะทำให้การดูแลคอดเก้าอี้ง่ายขึ้น。

โมดูลเป็นที่ใช้ import ที่มีในแบตติง <script> ที่นำมาจากไฟล์นอก。

โมดูลขึ้นอยู่กับ type="module".

<script type="module">
import message from "./message.js";
</script>

Լ

การส่งออก

ที่มีฟังก์ชันหรือตัวแปรโมดูลสามารถเก็บไว้ในไฟล์นอกเท่าไหร่ก็ได้。

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

การส่งออกชื่อ (Named Exports)

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

คุณสามารถสร้างการส่งออกชื่อด้วยสองวิธี หนึ่งคือสร้างแบบ inline ตามตัว และอีกครั้งคือสร้างทั้งหมดในครั้งเดียวที่ด้านล่างของไฟล์。

สร้างแบบ inline ตามตัว:

person.js

export const name = "Bill";
export const age = 19;

สร้างในครั้งเดียวที่ด้านล่างของไฟล์:

person.js

const name = "Bill";
const age = 19;
export {name, age};

การส่งออกเริ่มต้น (Default Exports)

ҪһΪ message.js ļУ÷ʾ默ɨ

һļйһ默ɨ

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;

ɨ

öģ鵽ļУǷɨɨɣ

ɨǿʹŴıṹġ默ɨDz

ɨ

从ļ person.js ɨ

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

Լ

从默˵

从ļ message.js 默˵

import message from "./message.js";

Լ

ģ鰴 HTTP(s) ЭЭ

ʹ file:// Э򿪵ҳ档/ʵ