خواص محاسبه شده در جاوا اسکریپت چیست

*آیا تا به حال با موقعیت هایی برخورد کرده اید که باید به صورت پویا مقادیری را به ویژگی های شیء اختصاص دهید * یا انجام محاسبات بر اساس نام ویژگی های پویا؟

اگر بله

ویژگی های محاسبه شده در جاوا اسکریپت راه حلی زیبا برای مدیریت چنین سناریوهایی ارائه می دهد. در این مقاله، ویژگی‌های محاسبه‌شده، نحوه کارکرد آن‌ها و اینکه چگونه می‌توان به طور موثر در کد جاوا اسکریپت شما به کار گرفت را بررسی می‌کنیم.

*قبل از اینکه شروع کنیم *
ما در مقاله بعدی درباره انتخاب بین نقشه و شی با ویژگی های محاسبه شده بحث خواهیم کرد.

1. مقدمه ای بر ویژگی های محاسبه شده

ویژگی های محاسبه شده، معرفی شده در ECMAScript 2015 (ES6)، به شما امکان می دهد تا با استفاده از یک عبارت در براکت مربع، ویژگی های شی را به صورت پویا ایجاد کنید.[]). به جای تعیین یک نام ویژگی ثابت، می توانید از یک عبارت برای محاسبه نام ویژگی در زمان اجرا استفاده کنید. این انعطاف پذیری را در کار با ویژگی های شی فراهم می کند و رفتارهای پویا را امکان پذیر می کند.

2. نحو و استفاده

نحو برای خواص محاسبه شده به شرح زیر است:

const propertyName = "dynamicPropertyName";
const obj = {
  [propertyName]: value
};

در این مثال، propertyName متغیر شامل نام خصوصیت محاسبه شده است که در داخل پرانتز در شیء literal محصور شده است. مقدار اختصاص داده شده به ویژگی محاسبه شده می تواند هر عبارت معتبر جاوا اسکریپت باشد.

3. نامهای دارایی پویا

یکی از موارد استفاده رایج برای خصوصیات محاسبه شده زمانی است که شما نام ویژگی های پویا دارید. به مثال زیر توجه کنید:

function createPerson(name, age) {
  return {
    name,
    age,
    [`is${name}Adult`]: age >= 18
  };
}

const person = createPerson("John", 25);
console.log(person);

در این قطعه کد، createPerson تابع می گیرد name و age پارامترها را تعیین می کند و یک شی را با خصوصیات برای برمی گرداند name، ageو یک ویژگی محاسبه شده است [is${name}Adult] که نشان می دهد بر اساس سن فرد بالغ است یا خیر.

با استفاده از یک نام خصوصیت محاسبه شده، می‌توانیم یک ویژگی پویا ایجاد کنیم که نام شخص و وضعیت بزرگسالی او را نشان می‌دهد. این رویکرد امکان انعطاف پذیری در ساخت ویژگی های شی را بر اساس مقادیر یا شرایط پویا فراهم می کند.

4. واگذاری املاک پویا

از خواص محاسبه شده نیز می توان برای تخصیص پویا مقادیر به ویژگی های شی استفاده کرد. به مثال زیر توجه کنید:

function createProduct(id, name, price) {
  const product = {};
  product[id] = {
    name,
    price
  };
  return product;
}

const productId = "ABC123";
const productData = createProduct(productId, "Sample Product", 9.99);
console.log(productData);

در این مثال، createProduct تابع در یک id، name، و price و یک شی محصول ایجاد می کند. تخصیص اموال محاسبه شده product[id] به صورت پویا شی حاوی the را اختصاص می دهد name و price خواص به id دارایی از product هدف – شی.

با استفاده از ویژگی‌های محاسبه‌شده برای انتساب، می‌توانیم مقادیر پویا را به‌عنوان کلیدهای ویژگی مدیریت کنیم، که به ساختارهای شی انعطاف‌پذیرتر و قابل تنظیم‌تر اجازه می‌دهد.

5. مزایای ویژگی های محاسبه شده

ویژگی های محاسبه شده چندین مزیت را در برنامه نویسی جاوا اسکریپت ارائه می دهد:

• مدیریت پویا اموال: ویژگی‌های محاسبه‌شده امکان نام‌ها و انتساب‌های دارایی پویا را فراهم می‌کنند و ساختارهای شیء انعطاف‌پذیرتری را بر اساس شرایط زمان اجرا یا مقادیر پویا امکان‌پذیر می‌سازند.

• خوانایی کد و قابلیت نگهداری: با استفاده از ویژگی های محاسبه شده، می توانید کد مختصر و قابل خواندن ایجاد کنید، به خصوص زمانی که با نام یا مقادیر دارایی پویا سروکار دارید. این قابلیت نگهداری کد را با کاهش نیاز به بیانیه‌های if-else یا switch صریح برای تخصیص ویژگی‌ها بهبود می‌بخشد.

• قابلیت استفاده مجدد کد: ویژگی های محاسبه شده ایجاد بلوک های کد قابل استفاده مجدد را تسهیل می کند که می توانند سناریوهای دینامیکی مختلف را مدیریت کنند. به جای نوشتن منطق کد جداگانه برای هر تخصیص ویژگی، ویژگی های محاسبه شده به شما امکان می دهد موارد پویا را با یک بلوک کد واحد مدیریت کنید.

6. نتیجه گیری

خصوصیات محاسبه شده در جاوا اسکریپت مکانیزم قدرتمندی برای تخصیص پویا نام ویژگی و

ارزش های. با استفاده از براکت های مربعی با عبارات، می توانید ساختارهای شیئی انعطاف پذیرتر و سازگارتر ایجاد کنید. ویژگی های محاسبه شده خوانایی، قابلیت نگهداری و استفاده مجدد کد را با مدیریت آسان سناریوهای پویا افزایش می دهد.

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

کد نویسی مبارک!

درباره نویسنده:

محمد یک جاوا اسکریپت پرشور است،
با درک قوی از مفاهیم جاوا اسکریپت و عشق به کدهای زیبا.

محمد از به اشتراک گذاری دانش و کمک به توسعه دهندگان همکار برای بهبود مهارت های کدنویسی خود لذت می برد.

با محمد در لینکدین ارتباط برقرار کنید تا از آخرین مقالات و پروژه های او مطلع شوید.

دنبال کردن محمد عود بر: