Tại sao/Ở đâu/Khi nào tôi nên làm điều này? (Kèm theo mã js bên trong một hàm và sau đó thực hiện nó)

Question

thể trùng lặp:
JavaScript scope and closure

đây là cái gì?

(function(){ 
    //The code to be executed 
})(); 

Ngoài ra, có liên quan gì đến việc đóng cửa không?

Answer 1

Tôi đã nhìn thấy nó thường xuyên gần đây. Tôi đoán:

Không cần đặt tên hàm. Nó ngụ ý nó không thể tái sử dụng được. Điều này cung cấp cho bạn phạm vi địa phương để khai báo các biến bằng cách sử dụng var (nếu không, bạn sẽ thêm chúng vào toàn cục).

Answer 2

Đó là closure và anonymous function - các khái niệm chính trong Javascript. Javascript không có các thuộc tính hoặc trường riêng tư 'thực sự' - nhưng bằng cách sử dụng một đóng, bạn về cơ bản có thể tạo ra tương đương. Chúng là một phương tiện rất quan trọng để tổ chức JS.

Một điểm quan trọng trong mẫu này là (); ở cuối mã - thêm các dấu ngoặc đơn này yêu cầu mã Javascript là thực thi ngay lập tức - khởi động có hiệu quả bất kỳ nội dung nào được chứa bên trong.

http://www.jibbering.com/faq/notes/closures/

---

Để giúp làm rõ (Tôi không có JS-chuyên gia) - cấu trúc này, ngay cả khi không phải là một đóng tinh khiết, thường được nhìn thấy trong kết hợp với đóng cửa. Ví dụ, đoạn mã dưới đây (sao chép từ liên kết của tôi ở trên) sử dụng cú pháp này để xác định một phương pháp ẩn nội bộ:

function callLater(paramA, paramB, paramC){ 
    /* Return a reference to an anonymous inner function created 
     with a function expression:- 
    */ 
    return (function(){ 
     /* This inner function is to be executed with - setTimeout 
      - and when it is executed it can read, and act upon, the 
      parameters passed to the outer function:- 
     */ 
     paramA[paramB] = paramC; 
    }); 
} 

... 

/* Call the function that will return a reference to the inner function 
    object created in its execution context. Passing the parameters that 
    the inner function will use when it is eventually executed as 
    arguments to the outer function. The returned reference to the inner 
    function object is assigned to a local variable:- 
*/ 
var functRef = callLater(elStyle, "display", "none"); 
/* Call the setTimeout function, passing the reference to the inner 
    function assigned to the - functRef - variable as the first argument:- 
*/ 
hideMenu=setTimeout(functRef, 500); 

Mặc dù: ví dụ này không thực hiện ngay lập tức (nó thiếu ();) sau định nghĩa hàm bên trong. Vì vậy, trong trường hợp này, hàm được đính kèm được đánh giá tại một thời điểm sau đó - những () tạo ra một sự khác biệt lớn trong một ngôn ngữ chức năng.

Answer 3

Được sử dụng để chạy mã OUT trong phạm vi toàn cầu. Với điều này, bạn đang sử dụng phạm vi chức năng. Trong trường hợp này, phạm vi của một hàm ẩn danh.

Điều này hữu ích khi bạn không muốn tạo các vars toàn cầu, chẳng hạn.

Xem:

var b = 2; 
(function(){ 
    var a=1; 
    alert("a:" + a); // alerts 1 
    alert("b:" + b); // alerts 2 
})(); 
alert("OUT b:" + b); // alerts 2 
alert("OUT a:" + a); // undefined 

Xem trong jsfiddle.

---

EDIT:

Cú pháp ()() là một cách khác để gọi một hàm. Xem

alert(1); // alerts 1 
(alert)(2); // alerts 2 

Xem trong jsfiddle.

Answer 4

Cách xác định hàm và gọi ngay lập tức. thats những gì cuối cùng(); làm.