AngularJS Chapter 4: การวางโครงสร้างไฟล์

ก่อนจะไปว่าเรื่องการวางโครงสร้างไฟล์ ผมอยากให้ดูนี่ก่อนสักหน่อย

วันก่อนที่ผมเขียนบท AngularJS Chapter 2: การเขียน AngularJS เบื้องต้น ตอนผมเขียน controller ผมเขียนแบบนี้

เรายังสามารถเขียนแบบนี้ได้ด้วย และเป็นแบบที่นิยมมากกว่าแบบด้านบน

ที่เอามาให้ดู เผื่อว่าไปอ่านเจอโค้ดของคนอื่น จะได้ไม่งง

เอาละมาเข้าเรื่อง

การวางโครงสร้างไฟล์นั้นสามารถทำได้ 4 แบบ ซึ่งท่านชอบแบบไหนก็เลือกใช้แบบนั้นนะครับ มันไม่ได้เป็นการบอกว่าอันนี้ดีกว่าอันนี้ หรือ อันนี้ดีกว่าอันนี้

1. The inline style
   การวางโครงสร้างแบบนี้คือยัดทุกอย่างลงไว้ในไฟล์เดียวเลย ข้อดีของมันคือหาไฟล์ง่ายเพราะมีไฟล์เดียว สองไฟล์ แต่ถ้าหากข้างในมีโค้ดจำนวนมาก มันก็ทำให้หาโค้ดยาก แบบนี้จึงเหมาะกับโค้ดน้อยๆ

2. The stereotyped style
การวางโครงสร้างแบบนี้จะเป็นการเอาอะไรที่เป็นอย่างเดียวกันไปไว้ในไฟล์เดียวกัน อย่างเช่น เอา controller ทั้งหมดไปไว้ในไฟล์ controllers.js เป็นต้น

3. The specific style
การวางโครงสร้างแบบนี้จะเป็นการแยกชิ้นส่วนออกเป็นประเภทๆ ประเภทไหนก็เอาไปเก็บไว้ในโฟลเดอร์เดียวกัน

4. The domain style
การวางโครงสร้างแบบนี้จะแยกชิ้นส่วนออกเป็นก้อนๆ อะไรที่เกี่ยวข้องกันก็เอาไปไว้ในก้อนเดียวกัน