قسمت سوم

دوستان عزیز این مقاله ترجمه‌ای است بر مقاله Modern javascript cheatsheet است که به زبان خودمانی و ساده امکانات جاوا اسکریپت ES6 رو در چند قسمت به شما ارائه خواهم داد.

در قسمت قبل به Arrow function ها و عملکرد آنها پرداختیم.

در این قسمت به مباحث “مقدار پیش فرض پارامتر تابع” و “تجزیه اشیاء و آرایه‌ها” خواهیم پرداخت.

Fucntion default parameter value, Destructuring objects and arrays

Fucntion default parameter value (مقدار پیش فرض پارامتر تابع):

با اومدن آپدیت ۲۰۱۵ جاوا اسکریپت ES6، شما میتونید مقدار پیش فرض برای پارامترهای تابع خودتون تعریف کنید.

برای این کار از Syntax زیر استفاده کنید:

توضیح نویسنده :

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

پارامترهای پیش فرض در جاوا اسکریپت فقط در دو صورت اعمال میشن:

  • تابع پارامتر نداشته باشه
  • پارامتر undefined داشته باشه

به عبارت دیگه، اگه شما مقدار null رو به تابع پاس بدید، مقدار پارامتر پیش فرض اعمال نخواهد شد.

نکته: در جاوا اسکریپت مقدار پیش فرض پارامتر میتونه با تجزیه پارامترها به خوبی استفاده بشه.(مطلب بعدی رو مطالعه کنید)

Destructuring objects and arrays (تجزیه اشیاء و آرایه ها):

تجزیه کردن (Destructuring) یه راه مناسب در جاوا اسکریپت برای ایجاد اشیاء هست .

تجزیه کردن در واقع استخراج برخی مقادیر از داده‌های ذخیره شده در اشیاء یا آرایه‌ها هست.

از موارد استفاده تجزیه کردن میتوان به تجزیه پارامترهای توابع یا this.props در پروژه های React اشاره کرد.

توضیح با نمونه کد:

  • Object

اجازه بدید کد زیر رو برای تمام نمونه های بعدی در نظر بگیریم:

اجازه بدید شی person رو بدون استفاده از تجزیه کردن، تجزیه کنیم:

حالا کد قبل رو با استفاده از تجزیه کردن تنها در یک خط مینویسیم:

نکته: در const { age } = person کروشه های بعد از کلمه کلیدی const برای تعریف یه شی یا یه بلاک نیست بلکه syntax تجزیه کردن (destructuring) هست.

  • Function parameters

تجزیه کردن (destructuring) بیشتر اوقات برای تجزیه کردن پارامترهای اشیاء در توابع استفاده میشه.

بدون تجزیه کردن :

برای تجزیه شی person یه تابع با کد مختصرتر مینویسیم:

تجزیه کردن با استفاده از arrow function دلپذیرتر هم خواهد شد:

  • Array

آرایه زیر رو در نظر بگیرید :

بدون تجزیه کردن :

با استفاده از تجزیه کردن :

خب دوستان این قسمت هم به پایان رسید. انتقادات، پیشنهادات و نظرات خودتون رو برای ما ارسال کنید. امیدوارم مطلب مفیدی بوده باشه.

 

نوشته شده توسط : میثم راه‌پیما