آموزش جامع IIFE در جاوا اسکریپت با مثال‌های کاربردی

IIFE یا Immediately Invoked Function Expression یکی از مفاهیم کاربردی در جاوا اسکریپت است که به برنامه‌نویسان اجازه می‌دهد توابع را بلافاصله پس از تعریف، اجرا کنند. این تکنیک در بسیاری از موارد، از جمله جلوگیری از آلودگی فضای نام و کپسوله‌سازی داده‌ها، بسیار مفید است.

در این مقاله به صورت کامل به مفهوم IIFE می‌پردازیم و با ارائه مثال‌های ساده، کاربردهای آن را توضیح می‌دهیم.

IIFE چیست؟

IIFE یک تابع در جاوا اسکریپت است که به محض تعریف اجرا می‌شود. سینتکس آن به شکل زیر است:

(function() {
    // کدهای اینجا به محض تعریف اجرا می‌شوند
    console.log("این یک IIFE است!");
})();

در اینجا:

• پرانتز اول (function() { ... }) یک عبارت تابع ایجاد می‌کند.
• پرانتز دوم () باعث اجرای این تابع می‌شود.

آیا میدانید مدرسه فرانت اند پرنیان، دوره فرانت اند از صفر تا صد را بصورت حرفه ای برگزار میکند؟!

چرا از IIFE استفاده می‌کنیم؟

1. جلوگیری از آلودگی فضای نام (Namespace Pollution)

در جاوا اسکریپت، متغیرها در سطح بالا می‌توانند به راحتی با سایر متغیرها تداخل پیدا کنند. با استفاده از IIFE می‌توان کدها را در یک محدوده محلی (Scope) اجرا کرد و از آلودگی فضای نام جلوگیری کرد.

مثال:

(function() {
    var message = "سلام!";
    console.log(message); // خروجی: سلام!
})();

// خارج از IIFE
console.log(typeof message); // خروجی: undefined

2. کپسوله‌سازی داده‌ها

با استفاده از IIFE می‌توانید متغیرها و داده‌های خود را کپسوله کنید تا فقط در محدوده تابع قابل دسترسی باشند.

مثال:

var counter = (function() {
    var count = 0;
    return {
        increment: function() {
            count++;
            return count;
        },
        reset: function() {
            count = 0;
        }
    };
})();

console.log(counter.increment()); // خروجی: 1
console.log(counter.increment()); // خروجی: 2
counter.reset();
console.log(counter.increment()); // خروجی: 1

3. جلوگیری از دسترسی به داده‌های حساس

اگر بخواهید متغیرهای حساس را از دسترس خارج کنید، می‌توانید از IIFE استفاده کنید.

مثال:

(function() {
    var apiKey = "12345-ABCDE";
    console.log("کلید API استفاده شد: " + apiKey);
})();

// خارج از IIFE
console.log(typeof apiKey); // خروجی: undefined

ترکیب IIFE با Arrow Function

IIFE را می‌توان با Arrow Function نیز نوشت:

مثال:

(() => {
    console.log("این یک IIFE با Arrow Function است.");
})();

IIFE یک ابزار قدرتمند در جاوا اسکریپت است که به شما امکان می‌دهد توابع را بلافاصله پس از تعریف اجرا کنید. این روش باعث می‌شود کد شما ساختارمندتر، ایمن‌تر و ماژولار شود. با استفاده از مثال‌های ارائه‌شده، می‌توانید به راحتی از این تکنیک در پروژه‌های خود استفاده کنید.

امیدواریم از این مقاله آموزش جامع IIFE در جاوا اسکریپت با مثال‌های کاربردی نهایت استفاده را برده باشید و آن را با دوستانتان به اشتراک بگذارید. تیم تولید محتوای مدرسه اینترنتی پرنیان این مقاله را تهیه کرده است.