chức năng javascript hàng đầu bang! cú pháp

Bây giờ tôi đã thấy cú pháp này trên một vài thư viện và tôi tự hỏi lợi ích là gì. (lưu ý rằng tôi biết rõ về việc đóng cửa và những gì mã đang làm, tôi chỉ quan tâm đến sự khác biệt về cú pháp)

!function(){
  // do stuff
}();

Là một thay thế cho phổ biến hơn

(function(){
  // do stuff
})();

để tự gọi các hàm ẩn danh.

Tôi đang tự hỏi một vài điều. Trước hết, điều gì cho phép ví dụ hàng đầu thực sự hoạt động? Tại sao tiếng nổ cần thiết để làm cho tuyên bố này đúng về mặt cú pháp? Tôi cũng nói rằng nó +hoạt động, và tôi chắc chắn một số người khác, thay cho!

Thứ hai, lợi ích là gì? Tất cả những gì tôi có thể nói là nó tiết kiệm được một nhân vật, nhưng tôi không thể tưởng tượng rằng đó là một lợi ích to lớn như vậy để thu hút nhiều người chấp nhận. Có một số lợi ích khác tôi đang thiếu?

Sự khác biệt duy nhất tôi có thể thấy là giá trị trả về của hàm tự gọi, nhưng trong cả hai ví dụ này, chúng tôi không thực sự quan tâm đến giá trị trả về của hàm vì nó chỉ được sử dụng để tạo một bao đóng. Vì vậy, ai đó có thể cho tôi biết tại sao người ta có thể sử dụng cú pháp đầu tiên?

Lý tưởng nhất là bạn có thể làm tất cả điều này đơn giản như:

function(){
  // do stuff
}(); 

Điều đó có nghĩa là khai báo hàm ẩn danh và thực thi nó. Nhưng điều đó sẽ không hoạt động do các chi tiết cụ thể của ngữ pháp JS.

Vì vậy, hình thức ngắn nhất để đạt được điều này là sử dụng một số biểu thức, ví dụ UnaryExpression (và vì vậy CallExpression):

!function(){
  // do stuff
}(); 

Hoặc cho vui:

-function(){
  // do stuff
}(); 

Hoặc là:

+function(){
  // do stuff
}(); 

Hoặc thậm chí:

~function(){
  // do stuff
  return 0;
}( );

Trong Javascript, một dòng bắt đầu bằng functionđược dự kiến ​​là một câu lệnh hàm và được cho là trông giống như

function doSomething() {
}

Một chức năng tự gọi như

function(){
  // do stuff
}();

không phù hợp với biểu mẫu đó (và sẽ gây ra lỗi cú pháp ở lần mở đầu tiên vì không có tên hàm), vì vậy dấu ngoặc được sử dụng để phân định biểu thức hàm ẩn danh .

(function(){
  // do stuff
})();

Nhưng bất cứ điều gì tạo ra một biểu thức (trái ngược với một câu lệnh hàm) sẽ làm, do đó, do đó !. Nó nói với người phiên dịch rằng đây không phải là một tuyên bố chức năng. Ngoài ra, ưu tiên toán tử ra lệnh rằng hàm được gọi trước khi phủ định.

Tôi đã không biết về quy ước này, nhưng nếu nó trở nên phổ biến thì nó có thể góp phần vào khả năng đọc. Điều tôi muốn nói là bất kỳ ai đang đọc !functionở đầu một khối mã lớn sẽ mong đợi một sự tự gọi, cách chúng ta được điều hòa đã mong đợi như vậy khi chúng ta nhìn thấy (function. Ngoại trừ việc chúng ta sẽ mất những dấu ngoặc đơn gây phiền nhiễu. Tôi hy vọng đó là lý do, trái ngược với bất kỳ khoản tiết kiệm nào về tốc độ hoặc số lượng nhân vật.

Bên cạnh những điều đã được nói, cú pháp với! rất hữu ích nếu bạn viết javascript mà không có dấu chấm phẩy:

var i = 1
!function(){
  console.log('ham')
}()

i = 2
(function(){
  console.log('cheese')
})()

Ví dụ đầu tiên xuất ra 'ham' như mong đợi, nhưng ví dụ thứ hai sẽ đưa ra lỗi vì câu lệnh i = 2 không bị chấm dứt do dấu ngoặc đơn sau.

Ngoài ra, trong các tệp javascript được nối, bạn không phải lo lắng nếu mã trước đó thiếu dấu chấm phẩy. Vì vậy, không cần chung; (function () {}) (); để chắc chắn rằng bạn sẽ không phá vỡ.

Tôi biết câu trả lời của tôi là muộn nhưng tôi nghĩ nó chưa được đề cập đến :)

Đối với một điều, jsPerf cho thấy rằng việc sử dụng !(UnaryExpression's) thường nhanh hơn. Đôi khi họ đi ra để được bình đẳng, nhưng khi họ không, tôi đã không nhìn thấy phi đập một chiến thắng quá nhiều so với những người khác được nêu ra: http://jsperf.com/bang-function

Điều này đã được thử nghiệm trên Ubuntu mới nhất với Chrome cũ nhất (mỗi lần nói ..), phiên bản 8. Vì vậy, kết quả có thể khác nhau tất nhiên.

Chỉnh sửa: Làm thế nào về một cái gì đó điên rồ như thế deletenào?

delete function() {
   alert("Hi!"); 
}();

hay void?

void function() {
   alert("Hi!"); 
}();

Như bạn có thể thấy ở đây , cách tốt nhất để thực hiện các phương thức tự gọi trong javascript là sử dụng:

(function(){}()); -> 76,827,475 ops/sec

!function(){}();  -> 69,699,155 ops/sec

(function(){})(); -> 69,564,370 ops/sec

Vì vậy, với phủ định "!" và tất cả các toán tử đơn nguyên khác như +, -, ~, xóa, void, rất nhiều đã được nói, chỉ để tóm tắt:

!function(){
  alert("Hi!");
}(); 

Hoặc là

void function(){
  alert("Hi!");
}();

Hoặc là

delete function(){
  alert("Hi!");
}();

Và một vài trường hợp nữa với các toán tử nhị phân cho vui :)

1 > function() {
   alert("Hi!"); 
}();

Hoặc là

1 * function() {
   alert("Hi!"); 
}();

Hoặc là

1 >>> function() {
   alert("Hi!"); 
}();

Hoặc thậm chí

1 == function() {
   alert("Hi!"); 
}();

Rời khỏi chim nhạn cho người khác :)