Jaki jest tego cel? (function ($) {// kod funkcji tutaj}) (jQuery);

Question

jestem debugowania cudzego kodu JavaScript i większość kodu jest owinięty tak:

(function ($) { 
    //majority of code here... 
})(jQuery); 

Co się dzieje z ($) i (jQuery)? Nie nauczyłem się tak kodować i nie widziałem ich. Jaki jest ich cel?

Również nie ma document.ready, ale zakładam, że to dlatego, że kod jest wykonywany zaraz po jego przeczytaniu przez (); na końcu?

Answer 1

var $ = "some value we don't care about"; 

// v=====normal plain old function 
(function ($) { 
//  ^=======receives jQuery object as the $ parameter 

    //majority of code here, where $ === jQuery... 

    $('.myclass').do().crazy().things(); 


})(jQuery); 
// ^=======immediately invoked, and passed the jQuery object 


// out here, $ is undisturbed 
alert($); // "some value we don't care about" 

Answer 2

Funkcja ta jest przydatna, gdy chcesz/potrzeby korzystania jQuery.noConflict(), a globalna nazwa $ nie jest aliasem dla jQuery. Opublikowany kod pozwala użyć krótszego $ do oznaczenia jQuery tylko w funkcji anonimowej, bez konieczności posiadania statusu globalnego.

Answer 3

Ta struktura nazywa się wtyczką JQuery, celem wtyczek jest stworzenie szkieletu dowolnego typowego zadania/funkcji w projekcie, w ten sam sposób można rozszerzyć wtyczki zgodnie z użytkowaniem na innej stronie lub na tej samej stronie. w ten sposób możesz uniknąć powtarzania tego samego kodu wszędzie.

to sprawdzić http://docs.jquery.com/Plugins/Authoring

Answer 4

Wystarczy rozwinąć RightSaidFred's odpowiedź trochę, kiedy pierwszy raz zobaczyłem składnię ()() byłem nieco befuddled, ale to miało sens gdy zdałem sobie sprawę, nawiasy są używane do określenia anonimowy funkcja, a następnie zadzwoń. np:

(function (msg){alert(msg)})('hello'); 

... definiuje funkcję, a następnie wywołuje ją, przekazując "hello" jako parametr.

Więc przykład w pytaniu:

(function ($) { 
    //majority of code here... 
})(jQuery); 

przechodzi jQuery do anonimowej funkcji i odnoszące się do niego jako $ wewnątrz funkcji, w sposób gwarantujący, że $ będzie pracować dla jQuery bez ingerencji w cokolwiek innego .