Điều gì xảy ra nếu bạn sử dụng thẻ <script> với cùng thuộc tính "src" nhiều lần trong một tài liệu HTML?

Question

Mặc dù tôi gần như chắc chắn câu trả lời cho câu hỏi này sẽ là trình duyệt cụ thể, có bất kỳ trình duyệt nào xác định hành vi khi nhiều thẻ <script> được sử dụng và có cùng thuộc tính src không?

Ví dụ ...

<script src="../js/foo.js"></script> 
... 

<!-- what happens here? --> 
<script src="../js/foo.js"></script> 

Lý do tôi hỏi câu hỏi này ở nơi đầu tiên, đó là trong trường hợp đặc biệt của tôi, tôi đang sử dụng quang cảnh một phần trong một ứng dụng ASP.NET MVC mà tận dụng JQuery . Tất cả các tệp JQuery JS đều được bao gồm trong tệp mẫu chính thông qua các thẻ tập lệnh. Tôi muốn thêm các thẻ script vào các tệp xem một phần để trong trường hợp chúng được sử dụng bên ngoài ngữ cảnh của khuôn mẫu chủ, chúng sẽ tự động bao gồm tất cả các tệp JS cần thiết và không dựa vào một khung nhìn hoặc khuôn mẫu khác để bao gồm chúng. Tuy nhiên, tôi chắc chắn không muốn làm cho các tệp JS phải được chuyển đến máy khách nhiều lần, hoặc bất kỳ tác dụng phụ nào khác có thể tác động tiêu cực đến trải nghiệm người dùng.

Suy nghĩ của tôi bây giờ là, nếu không phải tất cả, các trình duyệt chính (FF, Safari, IE, Opera) sẽ lưu một tệp JS vào lần đầu tiên được sử dụng, sau đó trên các thẻ script tiếp theo, trình duyệt sẽ sử dụng bản sao được lưu trong bộ nhớ cache nếu có và nếu nó chưa hết hạn. Tuy nhiên, hành vi bộ nhớ đệm thường có thể được thay đổi thông qua cấu hình trình duyệt, vì vậy nó không có vẻ quá "an toàn" để dựa vào bất kỳ loại hành vi bộ nhớ đệm nào.

Tôi có phải chấp nhận thực tế rằng các lượt xem một phần của tôi sẽ phụ thuộc vào các mẫu hoặc chế độ xem khác bao gồm các tệp JS thích hợp không?

Answer 1

Ngay cả khi chúng được lưu trong bộ nhớ cache, bạn có thể gặp sự cố vì cùng một mã sẽ được thực hiện hai lần. Ít nhất, điều này sẽ khiến trình duyệt mất nhiều thời gian hơn mức cần thiết. Và nó có thể gây ra lỗi, vì hầu hết mã JavaScript không được viết để được thực hiện hai lần. Ví dụ, nó có thể đính kèm cùng một trình xử lý sự kiện hai lần.

Answer 2

Không xuất thẻ tập lệnh trực tiếp trong partials của bạn. Tạo một cơ chế để đăng ký các tệp kịch bản để đưa vào sau này. Cơ chế đó có thể chịu trách nhiệm chỉ bao gồm các tệp một lần.

Answer 3

FF 3.5x, Chrome 4x chỉ bao gồm một lần.

:) IE 8 có hai bản sao (xem trong Developer Tools> tab Scripts có hai mục jquery-1.3.2.min.js)

Answer 4

gì xảy ra là JavaScript được đưa vào các thông dịch viên thời điểm nó được tải xuống. Trong trường hợp một va chạm không gian tên chỉ có tên biến, của một phạm vi nhất định, tồn tại để thực hiện. Thông thường, quy trình cuối cùng này chỉ ngăn chặn các vấn đề phát sinh bằng cách ghi đè các hàm vào trong trình thông dịch trước đó. Vấn đề là một hàm xác định phạm vi biến, mà các biến đó có thể là các hàm khác giới thiệu sau đó phạm vi không gian tên khác của các biến. Đó là một vấn đề bởi vì nếu các hàm chia sẻ cùng một giá trị tên và bao gồm các định nghĩa biến khác nhau thì có thể có sự rò rỉ trong đó các biến từ nguồn cấp dữ liệu vào trình thông dịch sớm tồn tại ngay cả sau khi hàm đó bị ghi đè.

Nếu cùng một tệp chính xác được bao gồm hai lần, sẽ không có vấn đề gì. Vấn đề xảy ra khi các phiên bản khác nhau của cùng một tệp được bao gồm hoặc các tệp khác nhau có cùng tên hàm được bao gồm. Bao gồm cả cùng một tệp hai lần có thể có nghĩa là nhiều lần truyền, đó là một sự lãng phí băng thông.