43) آموزش کامل ساخت کلاس با Factory Functions

آموزش رایگان جاوااسکریپت

ساخت کلاس با استفاده از Factory Functions

در مقاله‌ی قبلی درباره آبجکت‌ها و نحوه استفاده از آن‌ها برای ذخیره‌سازی داده‌ها صحبت کردیم. آبجکت‌ها به شما این امکان را می‌دهند که کد خود را خوانا‌تر و استانداردتر کنید. با این حال، استفاده از آبجکت‌ها برای ذخیره‌سازی چندین فرد با خصوصیات مشابه می‌تواند منجر به تکرار کد و پیچیدگی شود. برای حل این مشکل، از روش‌های ساخت کلاس یا “Factory Functions” استفاده می‌کنیم.

چرا از Factory Functions استفاده کنیم؟

فرض کنید که می‌خواهید اطلاعات چندین فرد را ذخیره کنید. بدون استفاده از Factory Functions، شما مجبورید چندین آبجکت مشابه را کپی کنید و مقدارهای آن‌ها را تغییر دهید. این روش نه‌تنها منجر به تکرار کد می‌شود، بلکه مدیریت کد را نیز دشوارتر می‌کند. برای جلوگیری از این مشکل، می‌توانید یک تابع مادر (Factory Function) تعریف کنید که با دریافت ورودی‌های مورد نیاز، یک آبجکت جدید ایجاد کند.

ساخت Factory Function

در جلسه‌ی پیش درباره آبجکت‌ها صحبت کردیم و یاد گرفتیم که چگونه از آن‌ها برای ذخیره‌سازی داده‌ها و بهبود خوانایی کد استفاده کنیم. با این حال، زمانی که بخواهید چندین آبجکت مشابه بسازید، ممکن است با مشکل تکرار کد مواجه شوید. در این مقاله، با استفاده از Factory Functions، این مشکل را حل می‌کنیم و کد خود را کارآمدتر می‌سازیم.

فرض کنید که می‌خواهید اطلاعات چند نفر را ذخیره کنید. بدون استفاده از Factory Functions، باید کد خود را برای هر شخص تکرار کنید:

var person1 = {
firstname: “Ali”,
last: “Alizadeh”,
age: 25,
isMarry: false,
address: function () {
console.log(‘address’);
    }
};

var person2 = {
firstname: “mohammad reza”,
last: “haji maghsoodi”,
age: 20,
isMarry: false,
address: function () {
console.log(‘address’);
    }
};

var person3 = {
firstname: “Alireza”,
last: “mohammadzadeh”,
age: 30,
isMarry: false,
address: function () {
console.log(‘address’);
    }
};

دیدید که برای ساخت سه فرد، باید کد را کپی و پیست کنید و مقادیر را تغییر دهید. این روش باعث شلوغی و پیچیدگی کد می‌شود. راه‌حل این مشکل استفاده از Factory Functions است. با استفاده از این تابع‌ها، می‌توانید یک تابع مادر تعریف کنید که اطلاعات هر شخص را به‌عنوان ورودی دریافت کرده و یک آبجکت جدید ایجاد کند.

function person(firstname, lastname) {
return {
firstname,
lastname
}
}

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

var person1 = person(‘ali’, ‘alinia’);
console.log(person1); // {firstname: "ali", lastname: "alinia"}

این روش نه‌تنها کد شما را ساده‌تر می‌کند، بلکه به شما اجازه می‌دهد تعداد زیادی از آبجکت‌ها را با استفاده از یک خط کد ایجاد کنید.

همچنین می‌توانید متدها (توابع) را به آبجکت‌های ایجادشده توسط Factory Function اضافه کنید:

function person (firstname, lastname) {
return {
firstname,
lastname,
age () {
console.log(“age”); // {…,…}
}
}
}

این متدها به شما اجازه می‌دهند تا عملکردهای اضافی را به‌سادگی در آبجکت‌های خود تعریف کنید.

استفاده از Factory Functions یک راه مؤثر برای جلوگیری از تکرار کد و مدیریت ساده‌تر آبجکت‌ها است. با استفاده از این روش، شما می‌توانید با نوشتن کمترین کد، بیشترین کارایی را داشته باشید و آبجکت‌های مشابه را به راحتی مدیریت کنید.