Ответ 1

Ваш первый пример странный. Я даже не уверен, что это будет работать так, как предполагал автор. Второй просто обертывает первый из ненужных парнеров. Третий использует функцию самозапускания, хотя, поскольку анонимная функция создает свою собственную область (и, возможно, закрытие) в любом случае, я не уверен, что это хорошо (если только автор не указал дополнительные переменные в закрытии - читайте дальше).

Функция самозапуска принимает шаблон (function f () { /* do stuff */ }()) и оценивается немедленно, а не при его вызове. Так что-то вроде этого:

var checkReady = (function () {
    var ready = false;
    return {
        loaded: function () { ready = true; },
        test: function () { return ready; }
    };
}())
$(document).ready(checkReady.loaded);

создает замыкание, связывающее объект, возвращаемый как checkready с переменной ready (которая скрыта от всего, что находится за пределами закрытия). Это позволит вам проверить, загружен ли документ (в соответствии с jQuery), вызвав checkReady.test(). Это очень мощный шаблон и имеет множество законных целей (namespacing, memoization, metaprogramming), но на самом деле это не обязательно в вашем примере.

EDIT: Арг, я неправильно понял ваш вопрос. Не понимал, что вы вызываете плохие практики, а не просите разъяснений по шаблонам. Более подробно об окончательной форме, о которой вы спрашивали:

(function () { /* woohoo */ }())
(function () { /* woohoo */ })()
function () { /* woohoo */ }()

оценивают примерно одно и то же, но первая форма наименее вероятна для каких-либо непреднамеренных последствий.

Ответ 2

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

Тем не менее, иногда вам это нужно.

(function(){
    var x = 'test';
    alert(x);
})()

alert(typeof(x)); //undefined

Здесь переменная x заблокирована в области функций.

(я нашел приведенный выше пример в http://helephant.com/2008/08/javascript-anonymous-functions/)

Итак, вы можете делать странные вещи с областью видимости с помощью javascript; это один из способов. Я согласен с вашими чувствами в том, что много js-кода сложнее, чем должно быть.

Ответ 3

Анонимные функции полезны для:

• Передача логики в другую функцию
• Объявление одноразовых функций
• Объявление функции без добавления переменной в область
• Предоставление возможностей для переменных
• Динамическое программирование

Подробнее об этих темах читайте по следующей ссылке: анонимные функции javascript

Ответ 4

Я не уверен, что вы точно воссоздаете свои примеры или нет, но для этого

// I picked document ready from jQuery cos you ALL know it, I'm sure ;) 
$('#mySelector').click( function(event) { // this line is all boilerplate, right? 
  alert( $(this).attr('id') ); 

  return function() { // <-- WHAT THE ???? IS THIS ????  ? 
    // before you run it, what the value here? 
    alert( $(this).attr('id') ); 
  } 
}); 

а также ваш первый пример, возвращаемая функция анонов никогда не запускается. если вместо функции вы возвращаете false, действие по умолчанию будет предотвращено. как я полагаю, он получает в браузере event handler returned truish.

если он был изменен на этот

// I picked document ready from jQuery cos you ALL know it, I'm sure ;) 
$('#mySelector').click( function(event) { // this line is all boilerplate, right? 
  alert( $(this).attr('id') ); 

  return function() { // <-- WHAT THE ???? IS THIS ????  ? 
    // before you run it, what the value here? 
    alert( $(this).attr('id') ); 
  } 
}() ); 

внешняя функция будет выполняться в момент, когда мы прикрепляем обработчик событий. первое предупреждение будет происходить в то время, а также любая другая подготовка, проводимая в том же объеме. результатом является создание фактического метода, запускаемого во время "onclick", который является внутренней функцией, которая также имеет доступ к данным во время фазы подготовки.

Я вижу, что это является подходящим в некоторых случаях, хотя оно кажется довольно запутанным. Что касается первого примера, я просто предполагаю, что ваш программист понятия не имеет, что они делают.

Ответ 5

Кодовый блок №3 является единственным, который даже удаленно нормальный - вы не возвращаете функцию из обработчика событий. Однако самозаверяющие анонимные функции имеют множество применений, таких как нарциссы или частные переменные. Однако большинство из этих применений не требуется внутри обработчика событий (который является анонимной функцией). Тем не менее, они могут использоваться для предотвращения нежелательных побочных эффектов закрытия:

$(document).ready(function() {
    for (var i = 9; i <= 10; i++) {
        $('#button'+i).click(function() {
            alert('Button '+i+' clicked');
        });
    }
});

это будет предупреждать кнопку "10 нажата" для всех кнопок, но эта будет работать правильно:

$(document).ready(function() {
    for (var i = 9; i <= 10; i++) {
        (function() {
            var j = i;
            $('#button'+j).click(function() {
                alert('Button '+j+' clicked');
            });
        })();
    }
});

Ответ 6

Все они кажутся формами закрытия javascript, и если у вас происходят асинхронные вызовы, они часто могут быть единственным способом иметь правильное значение переменной в правильной области, когда функция, наконец, вызывается.

Примеры/пояснения см. в разделе

• Как работают блокировки JavaScript?

• http://blog.morrisjohns.com/javascript_closures_for_dummies.html

• http://www.bennadel.com/blog/1482-A-Graphical-Explanation-Of-Javascript-Closures-In-A-jQuery-Context.htm

Ответ 7

Для блока кода один, который немного похож на шаблон, который я видел для объектов с частными членами. Рассмотрим:

function MyObject()  {
   var privateMember = 1;

   return {
        "Add":function(x) {return x + privateMember;},
        "SetPrivateMember":function(x) {privateMember = x;},
        "GetPrivateMember":privateMember
   };
}