Rumah > hujung hadapan web > tutorial js > Mengapa Menggunakan IIFE Semasa Membangunkan Pemalam jQuery?

Mengapa Menggunakan IIFE Semasa Membangunkan Pemalam jQuery?

Patricia Arquette
Lepaskan: 2024-11-08 03:14:02
asal
782 orang telah melayarinya

Why Use an IIFE When Developing jQuery Plugins?

Memahami Corak jQuery IIFE Enigmatic

Pengenalan

Apabila mendalami pembangunan pemalam jQuery, seseorang sering menemui kod samar coretan:

(function($) {})(jQuery);
Salin selepas log masuk

Ungkapan yang penuh teka-teki ini mempunyai kepentingan yang besar dalam bidang pemalam jQuery. Mari kita rungkai tujuannya dan terokai nuansa pembinaan pemalam.

Pelaksanaan Fungsi dengan Argumen

Blok kod pada dasarnya melaksanakan fungsi tanpa nama yang menerima jQuery objek sebagai hujah. Teknik ini, yang dikenali sebagai Ungkapan Fungsi Segera Diminta (IIFE), mempunyai pelbagai tujuan:

  • Melaksanakan kod yang ditentukan dengan serta-merta tanpa mencemarkan skop global.
  • Membolehkan pengkapsulan tempatan pembolehubah dan definisi fungsi.
  • Menyediakan cara yang bersih untuk memberikan hujah kepada fungsi semasa pelaksanaan.

Perbandingan Gaya Penulisan Plugin

Di luar penggunaan asas ini, terdapat beberapa pendekatan untuk menulis pemalam jQuery. Mari kita periksa perbezaan antara tiga gaya biasa:

Jenis 1: Memanjangkan Pemilih jQuery

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

        },

        $.fn.jPluginName.defaults = {

        }
})(jQuery);
Salin selepas log masuk

Pendekatan ini memanjangkan pemilih jQuery dengan kaedah tersuai, tetapi ia adalah bukan pemalam secara teknikal. Ia menambah fungsi baharu pada kaedah sedia ada prototaip fungsi jQuery.

Jenis 2: Memanjangkan Teras jQuery

(function($) {
    $.jPluginName = {

        }
})(jQuery);
Salin selepas log masuk

Serupa dengan Jenis 1, ini tidak mencipta pemalam tetapi memanjangkan teras jQuery. Ia berguna untuk menambah kaedah traversal baharu pada senjata jQuery.

Jenis 3: Memperluas Prototaip Fungsi jQuery

(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);
Salin selepas log masuk

Jenis 3 ialah kaedah pilihan untuk mencipta jQuery pemalam. Ia membolehkan penciptaan kaedah tersuai yang boleh dipanggil pada mana-mana pemilih jQuery. Dengan memanjangkan prototaip fungsi jQuery, kefungsian pemalam boleh diakses melalui semua tika pemilih.

Atas ialah kandungan terperinci Mengapa Menggunakan IIFE Semasa Membangunkan Pemalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan