функція javascript, що провідна! синтаксис

Я бачив цей синтаксис у кількох бібліотеках зараз і мені цікаво, у чому користь. (зауважте, я добре знаю про закриття та те, що робить код, мене турбують лише синтаксичні відмінності)

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

Як альтернатива більш поширеному

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

для самостійного виклику анонімних функцій.

Мені цікаво кілька речей. По-перше, що дозволяє найкращому прикладу насправді працювати? Чому чуб потрібен для того, щоб зробити це твердження синтаксично правильним? Мені також кажуть, що це +працює, і я впевнений, що деякі інші замість цього!

По-друге, яка користь? Все, що я можу сказати, - це економить одного персонажа, але я не можу уявити, що це така величезна користь для залучення численних усиновителів. Чи є якась інша користь, яку мені не вистачає?

Єдиною іншою відмінністю, яку я бачу, було б повернене значення функції самовикликання, але в обох цих прикладах нас дуже не хвилює повернене значення функції, оскільки воно використовується лише для створення закриття. Тож хтось може мені сказати, чому можна використовувати перший синтаксис?

В ідеалі ви повинні зробити все це просто так:

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

Це означає оголосити анонімну функцію та виконати її. Але це не вийде через специфіку граматики ЖС.

Тому найкоротшою формою досягнення цього є використання деякого вираження, наприклад, UnaryExpression (і так CallExpression):

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

Або для розваги:

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

Або:

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

Або навіть:

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

У Javascript functionочікується , що рядок, що починається з, є функцією оператора і повинен виглядати так

function doSomething() {
}

Функція самовикликання, як

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

не відповідає цій формі (і призведе до помилки синтаксису при першому відкритті, оскільки немає імені функції), тому дужки використовуються для розмежування анонімного виразу функції .

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

Але все, що створює вираз (на відміну від заяви про функцію), зробить, отже, і те ! . Це говорить перекладачеві, що це не твердження функції. Крім цього, пріоритет оператора диктує, що функція викликається перед запереченням.

Я не знав про цю конвенцію, але якщо вона стане загальною, це може сприяти читанню. Я маю на увазі те, що кожен, хто читає !functionверхній частині великого блоку коду, очікуватиме самозвання, як ми, як насправді, очікують того самого, коли бачимо (function. За винятком того, що ми втратимо ці дратівливі дужки. Я б очікував, що це причина, на відміну від економії швидкості чи кількості персонажів.

Крім речей, про які вже говорилося, синтаксис із! корисно, якщо ви пишете javascript без крапки з комою:

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

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

Перший приклад виводить "ham" як очікувалося, але другий видасть помилку, оскільки оператор i = 2 не припиняється через наступні дужки.

Крім того, у з’єднаних файлах javascript не потрібно турбуватися, якщо в попередньому коді відсутні крапки з комою. Тому немає потреби у загальному; (функція () {}) (); щоб переконатися, що ваш власний не зламається.

Я знаю, що моя відповідь пізно, але я думаю, що це ще не було згадано :)

З одного боку, jsPerf показує, що використання !(UnaryExpression) зазвичай швидше. Іноді вони виявляються рівними, але коли їх немає, я ще не бачив, щоб не торкнувся одного тріумфу надто багато над іншими: http://jsperf.com/bang-function

Це було перевірено на останньому Ubuntu з найстарішим (скажімо ..) Chrome, версія 8. Тому результати можуть, звичайно, відрізнятися.

Редагувати: Як щодо чогось божевільного delete?

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

або void?

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

Як ви бачите тут , найкращим способом зробити самовикликані методи в JavaScript - це:

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

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

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

Отже, з негативом "!" та всі інші одинарні оператори, такі як +, -, ~, delete, недійсні, було сказано багато, лише підсумовуючи:

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

Або

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

Або

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

І ще кілька випадків із бінарними операторами для задоволення :)

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

Або

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

Або

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

Або навіть

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

Залишаючи термінал для когось іншого хлопця :)