В чем разница двух конструкций в js?

Question

[Alexandr27]

$(function() {
 ...........}
);

и

(function($) {
.......
})
(jQuery);

Answer 1

[Sun_Day]

$(function()

Это
$(document).ready(function() { ... });

Ждет пока весь HTML будет полностью загружен.

Это IIFE

(function($) {
.......
})
(jQuery);

Функция которая вызывается сразу при определении, т.е
В классическом случае вам нужно сначала определить функцию, затем ее вызвать.

function hello() {
   console.log("HELLO WORLD")
}
hello();

В случае IIFE она вызывается сразу

(function() {
     console.log("HELLO WORLD")
})()

Answer 2

[Дмитрий Беляев]

$(function() {

});

вызывает функцию $ и отдает ей анонимную функцию в качестве аргумента

(function($) {

})(jQuery);

Вызывает анонимную функцию сразу, параметр jQuery попадет в аргумент $ внутри функции

Answer 3

[Сергей Соколов]

В контексте jQuery 1-е выражение выполнит вложенную функцию после того, как документ будет «готов». Это синоним $(document).ready(function() { ... });

2-е выражение просто передаёт jQuery внутрь функции в виде аргумента $.