kịch bản jQuery: function (cửa sổ, tài liệu, không xác định) vs; (function ($, cửa sổ, tài liệu, không xác định)

Question

Tôi đã thấy một số kịch bản jQuery nhúng trong trang web mở với

(function(window, document, undefined){... 

hoặc

;(function ($, window, document, undefined) {... 

tôi tin rằng ; có thể có mặt ở đó nếu kịch bản được nối với các tập tin khác và có một khung đóng cửa mất tích, các ; dừng minifier từ loại bỏ các dòng đầu tiên của mã này, nhưng tôi không chắc chắn.

Làm quen với hai biến thể mà tôi đã đăng? Tại sao mọi người mở mã của họ như thế này, tại sao ví dụ đầu tiên lại thiếu dấu đô la?

Answer 1

Đó là trình bao bọc để tạo môi trường cho tập lệnh có thể dự đoán nhất có thể.

Vào cuối của kịch bản, bạn sẽ thấy khung đóng cho các biểu hiện chức năng, và các cuộc gọi trực tiếp đến chức năng mà gửi giá trị cho các tham số được định nghĩa trong chức năng chữ ký:

(function($, window, document, undefined){ 
... 
})(jQuery, window, document); 

Nếu bạn sử dụng jQuery bạn sẽ bao gồm các tham số $ cho nó, nếu không thì không. (Hoặc nếu bạn không nghĩ đến việc bao gồm nó.)

Như bạn thấy, không có bất kỳ giá trị nào cho thông số có tên undefined. Khi bạn không vượt qua một giá trị cho một tham số, nó sẽ được đặt thành giá trị undefined, vì vậy bên trong khối chức năng tham số có tên undefined sẽ có giá trị undefined. Mục đích của điều này là do số nhận dạng toàn cầu undefined không phải là hằng số cho đến phiên bản Javascript gần đây, vì vậy trong các trình duyệt cũ, bạn có thể cung cấp cho thuộc tính undefined một giá trị để nó không đại diện cho undefined nữa. (Lưu ý rằng tham số không có giá trị được xác định sẽ nhận được giá trị thực tế undefined, không phải giá trị hiện tại của thuộc tính toàn cầu undefined.)

Khi bạn nghi ngờ, dấu chấm phẩy bổ sung lúc đầu là bảo vệ tập lệnh từ các tập lệnh khác nó có thể được hợp nhất với.