Самостоятельное выполнение анонимных функций в javascript

Question

В моем javascript-коде у меня есть функция, выполняющая анонимную функцию, которая выполняется немедленно. Внутри у меня есть document.ready(), который гарантирует, что дом готов, прежде чем делать вещи. Просто интересно, является ли document.ready в моем коде избыточным или нет.

(function() { 
"use strict"; 
var app = { 
    init: function() { 
     app.addLun('Hello'); 
     $('#some_id').on('click', this.changeStuff); 
    }, 
    changeStuff: function(e) { 
     e.preventDefault(); 
     $('#some_id').text("Cool text"); 
    }, 
    addLun: function(a) { 
     console.log(a); 
    } 
}; 
$(document).ready(function() { 
    app.init(); 
}); 
})(); 

Answer 1

прямоприменяемых анонимные функции и обработчик события ready JQuery не имеют ничего общего друг с другом, так нет, это не лишнее.

Answer 2

В общем, нет. Вызываемое выражение функции немедленно вызывается немедленно, тогда как $(document).ready может задержать выполнение. Если вы знаете, что весь блок кода будет выполнен после того, как DOM будет готов, то это будет лишним, но это, вероятно, не так.

Вы можете, однако, заменить немедленно вызываемое выражение функции с переходом всего блока $(document).ready, например:

$(document).ready(function() { 
    "use strict"; 
    var app = { 
     // ... 
    }; 
    app.init(); 
}); 

Answer 3

Если вы не пишите $ (документ) .ready часть, то вы будете получить доступ к $ ('# some_id') внутри функции init, не дожидаясь события $ (document) .ready, которое не будет работать естественным образом. С document.ready, он будет работать, хотя и имеет те же результаты, что и следующий код:

$(document).ready(function() 
{ 
    "use strict"; 

    var app = { 
     init: function() { 
      app.addLun('Hello'); 
      $('#some_id').on('click', this.changeStuff); 
     }, 
     changeStuff: function(e) { 
      e.preventDefault(); 
      $('#some_id').text("Cool text"); 
     }, 
     addLun: function(a) { 
      console.log(a); 
     } 
    }; 

    app.init(); 
}); 

Answer 4

Ответ No.Its не лишний.

Причина:

1. самоосуществляющейся функция выполняется мгновенно т.е. будет выполняться, как только он встречается в JavaScript.
2. $(document).ready(function() {})(); будет срабатывать только после того, как элементы дома полностью построены.

поэтому в основном, нет никакого смысла в ограждающих $(document).ready(function() {})(); в пределах (function(){ ... })(); .Как бывший часть будет ждать всех элементов DOM, чтобы подготовиться и потом сразу же приступить к исполнению.

Примечание:

Теперь, в случае, если мы используем чистый Javascript, и мы хотим, чтобы выполнить что-то после дом готов, то просто загрузите скрипт перед окончанием тега тела </body>.

REFER THIS LINK