Dấu ngoặc đơn sau dấu ngoặc nhọn có nghĩa là gì?

Question

Tôi đã thấy mã Javascript sử dụng dấu ngoặc đơn ngay lập tức sau khi đóng dấu ngoặc nhọn của hàm, tôi không thể hiểu những gì chúng được sử dụng.

Ví dụ:

function foo(bar){ 
    return bar; 
}(0); 

• không (0) làm gì?

• Điều này được gọi là gì?

• Khi nào bạn nên sử dụng kỹ thuật này?

Answer 1

Trong ví dụ của bạn, bạn chỉ cần có hai câu lệnh và nó tương đương với:

function foo(bar){ 
    return bar; 
} 
0; 

Đây là không chức năng tự gọi. Câu lệnh đầu tiên là khai báo hàm , câu lệnh thứ hai chỉ đơn giản là số 0 bằng chữ, mà không làm gì cả. Dấu ngoặc đơn không thực thi hàm, chúng là grouping operator.

Làm cách nào để chúng tôi có thể chứng minh điều này? Hãy thử:

function foo(bar){ 
    return "bar"; 
}(0); 

và cho tôi biết đầu ra là gì.

---

Nó sẽ là một chức năng tự gọi, nếu chúng ta có một biểu chức năng. Để làm điều đó bạn có thể sử dụng toán tử nhóm để buộc nó được đánh giá là biểu thức.

Ví dụ:

(function foo(bar){ 
    return bar; 
})(0); 

Đây là một biểu hiện chức năng đặt tên. Kết quả của biểu thức ((function ....)) là tham chiếu hàm và (0) thực thi hàm, chuyển 0 làm đối số.

Vị trí của dấu ngoặc đơn cũng có thể là:

(function foo(bar){ 
    return bar; 
}(0)); 

Có lẽ đây là những gì bạn đã thấy.

Kỹ thuật này đã được rộng rãi thảo luận ở đây: What is the purpose of a self executing function in javascript?

Answer 2

Họ ngay lập tức gọi hàm tương tự như khi bạn gọi một hàm:

function foo() { 
    alert('hello'); 
} 

foo(); // call 

Bạn cũng có thể gọi nó là trực tiếp:

(function foo(){ 
    alert('hello'); 
})(); // <-------------- 

---

Hiện nay bạn có Function Declaration . Để thực sự tự gọi nó, bạn cần phải có nó như thế này trong ngoặc (để làm cho nó một biểu thức):

(function foo(bar){ 
    return bar; 
})(0); 

Và bây giờ nó là Function Expression và sẽ gọi ngay lập tức. Để biết sự khác biệt giữa Function Declaration và Function Expression, kiểm tra bài viết tuyệt vời này bằng cách Kangax:

• Named function expressions demystified

---

không (0) làm gì?

Đối số được chuyển đến hàm foo do đó bar sẽ là 0 bên trong hàm.

Điều này được gọi là gì?

Đây là chức năng tự inovking hoặc tự thực hiện. Bạn cũng có thể muốn xem this.

Khi nào bạn nên sử dụng kỹ thuật này?

Khi bạn muốn gọi hàm ngay lập tức và chỉ giữ phạm vi biến bên trong biểu thức chức năng đó. Nó sẽ không có sẵn cho thế giới bên ngoài hay đúng hơn là mã bên ngoài biểu thức hàm đó.

---

Learn More:

• Self-invoking functions explained line by line

Answer 3

Đây là một chức năng tự cách gọi. Bạn chuyển 0 làm tham số. Vì vậy chức năng của bạn sẽ được quay trở lại quầy bar bằng 0.

Đối với ví dụ như chức năng dưới đây là tương đương:

function foo(bar) { 
    return bar; 
} 

foo(0); // returns 0