บทความนี้อธิบายถึงความเป็นโมดูลของ JavaScript สำหรับคุณ เนื้อหาเฉพาะมีดังนี้
AMD เป็นเอาต์พุตมาตรฐานของคำจำกัดความโมดูลโดย RequireJS ในระหว่างกระบวนการส่งเสริมการขาย
โหลดโมดูลแบบอะซิงโครนัสขึ้นอยู่กับการติดตั้งล่วงหน้าและดำเนินการล่วงหน้า
กำหนดโมดูลนิยามกำหนด (['ต้องการ', 'foo'], function () {return});
ต้องการโมดูลการโหลด (ขึ้นอยู่กับการตั้งค่าล่วงหน้า) ต้องการ (['foo', 'bar'], ฟังก์ชั่น (foo, bar) {});
CMD เป็นผลลัพธ์ที่ได้มาตรฐานของคำจำกัดความโมดูลของ SEAJS ในระหว่างกระบวนการส่งเสริมการขาย
กำหนดคำจำกัดความการส่งออกการส่งออกกำหนด (ฟังก์ชั่น (ต้องการ, การส่งออก, โมดูล) {}); วัตถุบางอย่างในโมดูลปัจจุบันจะถูกเก็บไว้ในโมดูล
ต้องการ (./ a) มีการแนะนำโดยตรง require.async ได้รับการแนะนำแบบอะซิงโครนัส
การโหลดแบบซิงโครนัสการพึ่งพาอยู่ใกล้การดำเนินการล่าช้า
แอปพลิเคชัน SEAJS
ตัวอย่างแนะนำอย่างเป็นทางการ: http://seajs.org/docs/#quick-start
จะเขียนโมดูล SEAJS ได้อย่างไร?
// โมดูลทั้งหมด define define (ฟังก์ชั่น (ต้องการ, การส่งออก, โมดูล) {// แนะนำ var การพึ่งพาผ่านต้องการ $ = ต้องการ ('jQuery'); var spinning = ต้องการ ('./ ปั่น'); // ให้อินเทอร์เฟซไปข้างนอกผ่านการส่งออกส่งออกกำลังโหลดโมดูล ในหน้า
// ในตอนท้ายของหน้า hello.html หลังจากแนะนำ sea.js ผ่านสคริปต์มีรหัสการกำหนดค่า: // การกำหนดค่าง่าย ๆ ของ Seajs seajs.config ({base: "../sea-modules/" นามแฝง: {"jQuery" Seajs.use ("../ คงที่/hello/src/main")ข้างต้นเป็นการแนะนำสั้น ๆ เกี่ยวกับ JavaScript Modularity ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้โมดูล JavaScript