ຫົວຫວງການຈັດອັນປະກອບ JavaScript

ຫົວຂໍ້ສະມາຊິດ

JavaScript Modules ອະນຸຍາດໃຫ້ທ່ານສ້າງສິນລະບົບຈາກເອກະສານພາຍນອກ.

ນີ້ຈະເຮັດໃຫ້ການບັນຈຸສິນລະບົບຫຼາຍຂື້ນ.

ຫົວຂໍ້ສະມາຊິດອອກສົ່ງມີຄວາມຄິດຢູ່ໃນ import ຄຳສັ່ງ import ຈາກເອກະສານພາຍນອກ.

ຫົວຂໍ້ສະມາຊິກຂອງຫົວຂໍ້ສະມາຊິດອອກສົ່ງມີຄວາມຄິດຢູ່ໃນ type="module".

ບົດສະຫຼຸບ

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

ທ້າວທັກທາງຂອງເຈົ້າເອງ

ການອອກສົ່ງ

ທີ່ມີການປະຕິບັດຫຼືສິນລະບົບສະມາຊິກຂອງຫົວຂໍ້ສາມາດບັນຈຸໃນເອກະສານພາຍນອກ.

ການອອກສົ່ງມີສອງຊະນິດ:ການອອກສົ່ງຊື່ນັບແລະການອອກສົ່ງສົບຮູບລະບົບ.

ການອອກສົ່ງຊື່ນັບ(Named Exports)

ພວກເຮົາຈະສ້າງເອກະສານຊື່ person.js ແລະບັນຈຸນັບທີ່ພວກເຮົາຈະອອກສົ່ງ.

ທ່ານສາມາດສ້າງການອອກສົ່ງຊື່ນັບຢ່າງສອງວິທີ. ໜຶ່ງແມ່ນສ້າງຢູ່ດ້ານດາຍທັງໝົດ, ແລະໜຶ່ງແມ່ນສ້າງຢູ່ທີ່ອອກທັງໝົດ.

ສ້າງຢູ່ທີ່ອອກທັງໝົດຢູ່ດ້ານດາຍ:

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;

ນຳນັກພາສາ

ທ່ານສາມາດນຳນັກພາສາເຂົ້າໃນເອກະສານໄດ້ໂດຍສອງວິທີທີ່ຕາມວ່າພວກມັນແມ່ນນຳນັກພາສາຊື່ວັດສະດຸຫຍັງຫຍັງ.

ນຳນັກພາສາຖືກສ້າງດ້ວຍວົງວຽນ. ນຳນັກພາສາທີ່ມີການນຳນັກພາສາສົ່ງໄປສູ່ຕົວເລກສະເພາະບໍ່ແມ່ນຫຍັງ.

ນຳນັກພາສາຈາກການນຳນັກພາສາຊື່ວັດສະດຸ

ນຳນັກພາສາຈາກເອກະສານ person.js ທີ່ມີການນຳນັກພາສາຊື່ວັດສະດຸ

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

ທ້າວທັກທາງຂອງເຈົ້າເອງ

ນຳນັກພາສາຈາກການນຳນັກພາສາສົ່ງໄປສູ່ຕົວເລກສະເພາະ

ນຳນັກພາສາຈາກເອກະສານ message.js ທີ່ມີການນຳນັກພາສາສົ່ງໄປສູ່ຕົວເລກສະເພາະ

import message from "./message.js";

ທ້າວທັກທາງຂອງເຈົ້າເອງ

ຄວາມຕ້ອງເຫັນ

ຫົວຂໍ້ທີ່ສະແດງທະນາຄານ HTTP(s) ພຽງພໍ.

ຂໍ້ມູນເວັບໄຊທີ່ເປີດທະນາຄານ file:// ບໍ່ສາມາດໃຊ້ການນຳນັກພາສາ/ອອກນຳນັກພາສາ.