$ (документ). вже скорочення

Чи є наступна стенограма для $(document).ready?

(function($){

//some code

})(jQuery);

Я бачу, що ця модель використовується багато, але я не можу знайти жодної посилання на неї. Якщо це скорочення $(document).ready(), чи є якась конкретна причина, що вона може не працювати? У моїх тестах, здається, завжди стріляють перед готовою подією.

Скорочення для $(document).ready(handler)є $(handler)(де handlerфункція). Дивіться тут .

Код у вашому запитання не має нічого спільного .ready(). Швидше, це вираз функції, що викликається негайно (IIFE), з об'єктом jQuery як аргументом. Його мета - обмежити область принаймні $змінної своїм блоком, щоб не викликати конфліктів. Зазвичай ви бачите шаблон, використовуваний плагінами jQuery для забезпечення цього $ == jQuery.

Скорочення:

$(function() {
    // Code here
});

Правильна стенограма така:

$(function() {
    // this behaves as if within document.ready
});

Код, який ви опублікували…

(function($){

//some code

})(jQuery);

… Створює анонімну функцію та виконує її негайно jQuery, передаючи її як аргумент $. Все, що він ефективно робить - це взяти код всередині функції та виконати його як звичайне, оскільки $це вже псевдонім для jQuery. : D

Це не скорочення $(document).ready().

Код, який ви розмістили, містить внутрішній код і робить jQuery доступним як $без забруднення глобального простору імен. Це можна використовувати, коли ви хочете використовувати як прототип, так і jQuery на одній сторінці.

Тут задокументовано: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/#use-an-immediate-invoked-function-expression

Ці конкретні рядки - це звичайна обгортка для плагінів jQuery:

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

(function( $ ){
  $.fn.myPlugin = function() {
    // Do your awesome plugin stuff here
  };
})( jQuery );

З http://docs.jquery.com/Plugins/Authoring

Безпечна стенограма для багатьох фреймворків:

jQuery(function($, undefined) {
    // $ is guaranteed to be short for jQuery in this scope
    // undefined is provided because it could have been overwritten elsewhere
});

Це тому, що jQuery - не єдиний фреймворк, який використовує $і undefinedзмінні

Ще коротший варіант - використовувати

$(()=>{

});

де $розшифровується jQuery, і ()=>{}це так звана "функція стрілки", яка успадковується thisпісля закриття. (Так що у thisвас, мабуть, буде windowзамість document.)

Як що до цього?

(function($) { 
   $(function() {
     // more code using $ as alias to jQuery
     // will be fired when document is ready
   });
})(jQuery);