قابلیت های جدید جاوا اسکریپت ES2020 – راهنمای کاربردی

در این مقاله می‌خواهیم برخی از قابلیت های جدید جاوا اسکریپت ES2020 یا ES11 را بررسی کنیم که فهرست آن به شرح زیر است:

• متغیرهای خصوصی کلاس
• متد Promise.allSettled
• متد String.prototype.matchAll
• عملگر زنجیره‌سازی بهینه
• ایمپورت دینامیک
• نوع داده BigInt

توجه کنید که همه این قابلیت‌ها روی کروم نسخه 79 تست شده‌اند.

متغیرهای خصوصی کلاس

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

متد Promise.allSettled

از زمان معرفی Promise-ها در ES6، جاوا اسکریپت از دو ترکیب‌کننده Promise یعنی متدهای استاتیک Promise.all و Promise.race پشتیبانی می‌کند. اکنون Promise.allSettled نیز به ES2020 اضافه شده است.

برخلاف Promise.all یا Promise.race که به ترتیب در زمان رد شدن یا قبول شدن Promise-ها یک اتصال کوتاه ایجاد می‌کرد، Promise.allSettled همه Promise-ها را صرف نظر از رد شدن هر یک از Promise-ها اجرا می‌کند.

بنابراین می‌توانیم به صورت زیر جمع‌بندی کنیم:

• متد Promise.allSettled اتصال کوتاه نمی‌کند و در ES2020 اضافه شده است.
• متد Promise.all زمانی که یک مقدار ورودی رد شود، اتصال کوتاه می‌کند و. در ES6 اضافه شده است.
• متد Promise.race زمانی که یک مقدار ورودی پذیرفته شود، اتصال کوتاه می‌کند و در ES6 اضافه شده است.

با ورود متد جدید Promise.allSettled اینک می‌توانیم یک Promise بسازیم که تنها زمانی که همه Promise-های ارسالی تکمیل شدند، بازگشت یابد. از این رو امکان دسترسی به ماتریسی با داده‌های هر Promise را فراهم می‌سازد.

متد String.prototype.matchAll

با فرض وجود یک رشته و یک «عبارت منظم» (regular expression)، متد ()matchAll یک تکرارکننده از همه نتایج تطبیق یافته رشته در برابر عبارت منظم بازگشت می‌دهد که شامل «گروه‌های حاصل» (Capturing Groups) است. ساختار آن به صورت str.matchAll(regexp) است:

• regexp – یک شیء عبارت منظم است.
• مقدار بازگشتی – یک تکرارکننده یا ‌ iterator است که تکرارشونده قابل ری‌استارت نیست.

گروه‌های حاصل در زمان استفاده از ()match با فلگ سراسری /g نادیده گرفته می‌شوند:

با استفاده از matchAll می‌توان به گروه‌های حاصل دسترسی یافت:

عملگر زنجیره‌سازی اختیاری

زنجیره‌های طولانی از دسترسی به مشخصه‌ها مستعد بروز خطا هستند و بررسی وجود مشخصه روی هر گام به یک ساختار تودرتوی عمیق منتهی می‌شود. به مثال زیر که در مورد یک شیء ساده خودرو (Car) است، توجه کنید:

فرض کنید می‌خواهیم به مصرف سوخت (consumption) دسترسی پیدا کنیم، این کار به صورت زیر انجام می‌یابد:

اما اگر engine مقدار null داشته باشد، چطور می‌شود؟ در این صورت اگر تلاش کنیم به consumption دسترسی پیدا کنیم، با یک خطا مواجه خواهیم شد. باید ابتدا مشخصه را بررسی کنیم:

کد فوق کار می‌کند، اما بدیهی است که کد زیر بهتر است:

همچنین می‌توان از عملگر زنجیره‌سازی اختیاری استفاده کرد:

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

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

ایمپورت دینامیک

()Dynamic import یک شکل شبه تابع از ایمپورت معرفی می‌کند که قابلیت‌های جدیدی در قیاس با ایمپورت استاتیک دارد، مثلاً می‌توانیم از آن برای «بارگذاری کند» (lazy loading) استفاده کنیم. مورد زیر را که در فایل greetingsModule.js/. قرار دارد در نظر بگیرید:

در کد فوق به صورت استاتیک ایمپورت می‌کنیم و از ماژول greetings Module.js/. استفاده شده است:

ساختار ایمپورت استاتیک تنها در سطح فوقانی فایل می‌تواند استفاده شود. به جای آن در زمان استفاده از ایمپورت دینامیک عبارت import(module) ماژول را بارگذاری کرده و یک Promise بازگشت می‌دهد که به صورت یک شیء ماژول درمی‌‌آید که شامل همه اکسپورت‌هایش است. ضمناً می‌توانید آن را از هر جایی از کد فراخوانی کنید.

یا می‌توانید از async/await استفاده کنید:

ایمپورت استاتیک و ایمپورت دینامیک هر دو مفید هستند. هر کدام از آن‌ها کاربرد خاص خود را دارند. از ایمپورت‌های استاتیک برای نمونه برای وابستگی‌های اولیه استفاده می‌شود. در موارد دیگر می‌توان برخی وابستگی‌های بنا به تقاضا را با یک ایمپورت دینامیک بارگذاری کرد.

BigInt

BigInt یک شیء داخلی جدید است که روشی برای نمایش اعداد کامل بزرگ‌تر از $$2^{53}-1$$ فراهم می‌سازد. انواع عددی در جاوا اسکریپت دارای محدودیت بازه هستند و نمی‌توانند با اعداد بزرگ صحیح به درستی کار کنند. قابلیت جدید BigInt این مشکل را که در زمینه‌های مختلف که با مقادیر علمی سروکار دارند مسئله بزرگی محسوب می‌شود، حل می‌کند.

این مشکل با استفاده از نوع داده جدید BigInt قابل حل است. با افزودن حرف n به انتهای عدد، کد زیر به دست می‌آید:

به این ترتیب به پایان این راهنما می‌رسیم.

فیلم مجموعه آموزش جاوا اسکریپت JavaScript – مقدماتی تا پیشرفته در فرادرس

کلیک کنید

اگر این مطلب برای شما مفید بوده است، آموزش‌های زیر نیز به شما پیشنهاد می‌شوند:

• مجموعه آموزش‌‌های JavaScript (جاوا اسکریپت)
• مجموعه آموزش‌های برنامه‌‌نویسی
• آموزش جاوا اسکریپت (JavaScript)
• جاوا اسکریپت چیست؟ — به زبان ساده
• آموزش جاوا اسکریپت — مجموعه مقالات جامع وبلاگ فرادرس

==