$ (dokumen). sudah singkatan

Apakah singkatan berikut untuk $(document).ready?

(function($){

//some code

})(jQuery);

Saya melihat pola ini banyak digunakan, tetapi saya tidak dapat menemukan referensi untuk itu. Jika itu adalah singkatan $(document).ready(), apakah ada alasan tertentu itu mungkin tidak berfungsi? Dalam tes saya sepertinya selalu menyala sebelum acara siap.

Singkatan untuk $(document).ready(handler)is $(handler)(di mana handleradalah fungsi). Lihat di sini .

Kode dalam pertanyaan Anda tidak ada hubungannya dengan .ready(). Sebaliknya, ini adalah ekspresi fungsi yang dipanggil langsung (IIFE) dengan objek jQuery sebagai argumennya. Tujuannya adalah untuk membatasi ruang lingkup setidaknya $variabel ke bloknya sendiri sehingga tidak menimbulkan konflik. Anda biasanya melihat pola yang digunakan oleh plugin jQuery untuk memastikannya $ == jQuery.

Steno adalah:

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

Steno yang benar adalah ini:

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

Kode yang Anda posting ...

(function($){

//some code

})(jQuery);

... membuat fungsi anonim dan menjalankannya segera dengan jQueryditeruskan sebagai argumen $. Yang perlu dilakukan adalah mengambil kode di dalam fungsi dan menjalankannya seperti biasa, karena $sudah menjadi alias untuk jQuery. : D

Ini bukan singkatan untuk $(document).ready().

Kode yang Anda poskan mengotakkan kode bagian dalam dan menjadikan jQuery tersedia $tanpa mencemari namespace global. Ini dapat digunakan ketika Anda ingin menggunakan prototipe dan jQuery pada satu halaman.

Didokumentasikan di sini: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/#use-an-immediately-invoked-function-expression

Baris khusus ini adalah pembungkus biasa untuk plugin jQuery:

"... untuk memastikan bahwa plugin Anda tidak bertabrakan dengan perpustakaan lain yang mungkin menggunakan tanda dolar, itu adalah praktik terbaik untuk meneruskan jQuery ke fungsi pelaksana mandiri (penutupan) yang memetakannya ke tanda dolar agar bisa ' tidak akan ditimpa oleh perpustakaan lain dalam lingkup pelaksanaannya. "

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

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

Steno aman multi-kerangka kerja untuk siap adalah:

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

Ini karena jQuery bukan satu-satunya kerangka kerja yang menggunakan variabel $danundefined

Varian yang lebih pendek adalah untuk digunakan

$(()=>{

});

di mana $singkatan jQuery dan ()=>{}disebut 'fungsi panah' yang mewarisi thisdari penutupan. (Sehingga di dalam thisAnda mungkin akan memiliki windowbukan document.)

Bagaimana dengan ini?

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