Tổ chức và thiết kế tệp Javascript

Question

Thực sự bắt đầu phát triển web và đặc biệt là JS nên tôi đã tự hỏi thực tiễn tốt nhất về tổ chức tệp JS và phân công trách nhiệm là gì. Tôi yêu cầu này vì nó sẽ làm cho tinh thần để tôi có loại cấu trúc:

• TRANG CHỦ (PHP) (Bao gồm một tham chiếu đến một tập tin JS trung ương)
• CHỦ Javascript Tệp (Bao gồm một tham chiếu đến một tệp chỉ chứa các mã lỗi trong một không gian tên hoặc một lớp B)

Trong khi điều này có ý nghĩa với tôi, tôi tự hỏi nếu tôi sai trong quan điểm của tôi xem xét bạn không thể tự nhiên bao gồm tệp JS vào một trường hợp khác trừ khi bạn thực hiện một vài thủ thuật (không, không nói về jQuery). Thủ thuật có thể có nghĩa là điều này không được thực hiện đơn giản bởi vì nó không phù hợp với thực tiễn tốt nhất cho ngôn ngữ nhưng không phải lúc nào cũng là trường hợp về vấn đề tên miền chéo. Vì vậy, trước khi tôi đi quá sâu vào thiết kế cẩu thả, tôi đã chỉ tò mò làm thế nào bạn guys chia trách nhiệm hoặc chỉ slopped tất cả mọi thứ với nhau thành một tập tin.

Answer 1

Cách tốt nhất để xử lý nhiều tệp JavaScript là thiết kế chúng như mô-đun. Một tệp JavaScript chính sẽ hoạt động như một loại trình khởi động khởi động mọi thứ bằng cách thiết lập "không gian tên" của bạn (được trích dẫn vì JavaScript không có các lớp). Ví dụ:

var myNamespace = {}; 

Trong mỗi mô-đun, bạn mở rộng "không gian tên". Điều này có hai lợi ích:

• Giảm thiểu các hình cầu. Trong trường hợp này, bạn sẽ có một toàn cầu duy nhất.
• Dễ dàng trộn và kết hợp (và sử dụng lại) các mô-đun, nếu được thiết kế chính xác.

Cũng thấy điều này để biết chi tiết thực hiện: https://stackoverflow.com/a/3722845/221061

Answer 2

Một tập tin JS lớn thực sự không phải là "xấu" so với sử dụng nhiều file JS.

Bạn có thể nén nó trên máy chủ nếu bạn lo lắng về chiều rộng băng, hãy xem gzip hoặc giảm phát.

Answer 3

Tôi sẽ chia lớp thành các tệp JS mô-đun, khớp với miền của bạn. Sử dụng máy nén YUI hoặc các công cụ khác để nén các tệp JS và rút gọn chúng.