IIFE (segera dipanggil ekspresi fungsi) adalah fungsi yang berjalan sebaik sahaja ia ditakrifkan, dicipta dengan membungkus fungsi dalam kurungan dan segera menggunakannya, yang menghalang pencemaran ruang nama global dan membolehkan skop peribadi melalui penutupan; Ia ditulis sebagai (fungsi () { / code /}) (), boleh menggunakan fungsi bernama atau anak panah, menyokong argumen yang berlalu, dan digunakan secara meluas sebelum modul ES6 untuk enkapsulasi, penggunaan mod ketat yang selamat, dan inisialisasi tak segerak, walaupun penggunaannya telah berkurangan dengan sistem modul moden.

Ekspresi fungsi yang segera dipanggil (Iife) adalah fungsi yang berjalan sebaik sahaja ia ditakrifkan. Ia adalah corak biasa dalam JavaScript yang digunakan untuk membuat skop peribadi, elakkan mencemarkan ruang nama global, dan melaksanakan kod dengan selamat tanpa mengganggu skrip lain.

Apa itu Iife?

IIFE adalah fungsi yang dibungkus dalam kurungan, segera diikuti oleh satu lagi set kurungan yang memohonnya. Kerana ia adalah ungkapan (bukan perisytiharan fungsi), ia tidak mencemarkan skop global dan pembolehubahnya tidak dapat diakses dari luar kecuali secara eksplisit terdedah.

Inilah sintaks asas:

 (fungsi () {
  // kod berjalan segera
}) ();

Parentheses luar menjadikan fungsi itu menjadi ungkapan, dan trailing () melaksanakannya.

Cara Menulis Iife

Anda boleh menulis IIFE dalam beberapa cara, tetapi bentuk yang paling biasa menggunakan fungsi tanpa nama:

 (fungsi () {
  Console.log ("Ini berjalan segera!");
}) ();

Anda juga boleh menggunakan fungsi anak panah (walaupun kurang biasa kerana kebolehbacaan dan perbezaan mengikat this ):

 (() => {
  Console.log ("Arrow Iife juga berfungsi!");
}) ();

Dinamakan IIFES berguna untuk debugging kerana nama fungsi muncul dalam jejak timbunan:

 (fungsi myiife () {
  Console.log ("Saya seorang Iife bernama");
}) ();

Mengapa menggunakan Iife?

Terdapat beberapa sebab praktikal untuk menggunakan iifes:

• Elakkan pencemaran pembolehubah global
  Pembolehubah yang diisytiharkan di dalam IIFE tidak ditambah ke objek global (seperti window dalam pelayar), yang membantu mencegah konflik penamaan.

   (fungsi () {
    var temp = "private";
    // temp tidak boleh diakses di luar
  }) ();
  // temp tidak ditentukan di sini

• Buat pembolehubah dan fungsi peribadi
  Anda boleh mencontohi keadaan swasta menggunakan penutupan yang dibuat oleh IIFE.

   const counter = (fungsi () {
    biarkan Count = 0;
    kembali {
      kenaikan: () => kiraan,
      pengurangan: () => -kiraan,
      nilai: () => kiraan
    };
  }) ();
  
  counter.increment ();
  console.log (counter.value ()); // 1

• Penggunaan selamat 'menggunakan ketat' atau perpustakaan
  Balut kod anda dalam IIFE untuk menggunakan mod yang ketat dengan selamat atau mengelakkan konflik dengan $ dalam perpustakaan seperti jQuery.

   (fungsi ($) {
    // $ boleh digunakan dengan selamat sebagai jQuery walaupun ia ditakrifkan semula secara global
    $ (dokumen) .ready (fungsi () {
      Console.log ("Dom Ready");
    });
  }) (jQuery);

• Jalankan kod async dengan menunggu
  Dalam JavaScript moden, anda mungkin menggunakan IIFE Async untuk menjalankan tahap tertinggi dalam persekitaran yang tidak menyokongnya di peringkat modul.

   (fungsi async () {
    tindak balas const = menunggu pengambilan ('/api/data');
    const data = menunggu tindak balas.json ();
    console.log (data);
  }) ();

Perkara yang perlu diingat

• Iifes dilaksanakan sekali sahaja.

• Fungsi ini mestilah ungkapan. Hanya menulis function() {}() menyebabkan ralat sintaks kerana ia ditafsirkan sebagai perisytiharan fungsi.

• Anda boleh lulus argumen ke dalam IIFE:

   (fungsi (nama) {
    Console.log ("Hello," nama);
  }) ("Alice");

• Dalam kod ES6 moden, blok skop dengan let dan const , dan modul telah mengurangkan keperluan untuk IIFES. Tetapi mereka masih berguna dalam senario tertentu, terutamanya dalam kod warisan atau ketika bekerja tanpa modul modul.

---

Pada asasnya, Iifes adalah alat yang mudah tetapi berkuasa untuk enkapsulasi dan pelaksanaan segera. Walaupun kurang biasa hari ini dengan kebangkitan modul, mereka masih bernilai memahami kedua -dua kod warisan dan kes penggunaan tertentu.

Atas ialah kandungan terperinci Cara membuat dan menggunakan Ekspresi Fungsi Segera (Iife) dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!