Meneroka Maksud (fungsi($) {})(jQuery);

Dalam bidang pembangunan pemalam jQuery, perkara berikut coretan kod sering mengelirukan pemula:

(function($) {

})(jQuery);

Sintaks pelik ini ialah fungsi laksana sendiri yang memainkan peranan penting dalam definisi pemalam.

Memecahkan Fungsi

Untuk memahami fungsi, mari pecahkannya kepada bahagiannya:

1. (function($)): Ini mentakrifkan fungsi tanpa nama yang menerima objek jQuery sebagai parameternya.
2. })(jQuery);: Fungsi ini dilaksanakan serta-merta dengan melampirkannya dalam kurungan dan menghantar jQuery sebagai hujah.

Ini construct pada dasarnya mentakrifkan penutupan yang mengehadkan skop pembolehubah $ kepada fungsi itu sendiri, menghalangnya daripada mencemarkan skop global.

Pelaksanaan Plugin

Fungsi ini biasanya digunakan untuk mencipta pemalam jQuery. Pemalam ialah fungsi yang memanjangkan keupayaan jQuery, membenarkan pembangun mencipta kaedah jQuery tersuai mereka sendiri.

Terdapat beberapa cara untuk melaksanakan pemalam, masing-masing mempunyai kelebihan tersendiri:

Jenis 1:

(function($) {
    $.fn.jPluginName = {

        },

        $.fn.jPluginName.defaults = {

        }
})(jQuery);

Kaedah ini mencipta pemalam dengan memanjangkan objek $.fn (prototaip jQuery). Ia mentakrifkan kaedah dan lalai khusus pemalam.

Jenis 2:

(function($) {
    $.jPluginName = {

        }
})(jQuery);

Kaedah ini mencipta pemalam dengan memanjangkan objek teras jQuery. Ia sesuai untuk mencipta fungsi global atau traversing helper.

Jenis 3:

(function($){

    //Attach this new method to jQuery
    $.fn.extend({ 

        var defaults = {  
        }  

        var options =  $.extend(defaults, options);  

        //This is where you write your plugin's name
        pluginname: function() {

            //Iterate over the current set of matched elements
            return this.each(function() {

                //code to be inserted here

            });
        }
    }); 
})(jQuery);

Kaedah ini dianggap sebagai pendekatan yang paling elegan dan boleh dikembangkan untuk pembangunan pemalam. Ia membolehkan kaedah dan pilihan tersuai ditakrifkan dan disepadukan dengan lancar ke dalam objek $.fn.

Atas ialah kandungan terperinci Apakah tujuan fungsi laksana sendiri (function($) {})(jQuery) dalam pembangunan pemalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!