اپراتورهای مدرن JavaScript شما باید در سال 2025 از آن استفاده کنید

JavaScript همواره یک زبان انعطاف پذیر بوده است ، اما به روزرسانی های اخیر باعث شده است که آن را قدرتمندتر و بیانگر از همیشه داشته باشد. اگر هنوز از راه حل برای عملیات تنظیم شده ، کنترل وعده های Verbose یا زنجیره ای بی دست و پا استفاده می کنید ، وقت آن است که جعبه ابزار خود را به روز کنید.
در این پست ، ما کاوش خواهیم کرد برخی از مفیدترین اپراتورهای جدید و روشهای داخلی معرفی شده در نسخه های اخیر ECMAScript که هر توسعه دهنده مدرن جاوا اسکریپت باید بداند.
1 Set.prototype.intersection()
وت Set.prototype.difference()
انجام عملیات مجموعه در JavaScript درد بود. شما مجبور بودید به صورت دستی حلقه کنید یا از کتابخانه هایی مانند Lodash استفاده کنید. اما نه دیگر
const first = new Set([1, 2, 3]);
const second = new Set([2, 3, 4]);
const intersectionResult = first.intersection(second); // Set {2, 3}
const differenceResult = first.difference(second); // Set {1}
اینها اکنون روشهای بومی (در ES2024+) هستند ، و کد شما را قابل خواندن و مختصر تر می کند.
2 Promise.withResolvers()
– کنترل کامل بر وعده ها
تا به حال خواسته اید به صورت دستی وعده خارج از سازنده آن را حل کنید یا رد کنید؟ این الگوی تاکنون کثیف بود.
const { promise, resolve, reject } = Promise.withResolvers();
setTimeout(() => {
resolve('Done!');
}, 2000);
promise.then(console.log); // Output: Done!
این امر به ویژه در آزمایش ، مدیریت صف و جریان پیشرفته Async مفید است. کثیف تر نیست new Promise
هک
3. اپراتورهای واگذاری منطقی (&&=
با ||=
با ??=
)
یک روش ظریف تر برای نوشتن تکالیف مشروط.
let user = { isActive: false };
// Instead of:
if (!user.isActive) user.isActive = true;
// Use:
user.isActive ||= true;
به طور مشابه برای &&=
(فقط اگر حقیقت را اختصاص دهید) ??=
(فقط اگر تهی کنید).
اینها باعث کاهش سرعت کد می شوند و به ویژه برای اختصاص خصوصیات اشیاء مفید هستند.
4. جداکننده های عددی برای خوانایی
به خودی خود یک اپراتور جدید نیست ، بلکه یک کیفیت زندگی است که مطمئناً باید از آن استفاده کنید.
const budget = 1_000_000;
const byteSize = 64_000_000;
console.log(budget); // 1000000
خود آینده (و هم تیمی ها) از شما تشکر می کنند.
5. اپراتور خط لوله (|>
) – زنجیره ای کاربردی تمیز کننده
اپراتور خط لوله |>
پیشنهادی است (هنوز در مرحله 2) نحو JavaScript که امکان تماس با عملکرد زنجیره ای را به روشی خواندنی فراهم می کند. نتیجه یک عبارت را می گیرد و آن را به عنوان یک آرگومان به عملکرد بعدی در زنجیره منتقل می کند. این می تواند به جلوگیری از تماس های عمیق عملکردی و خواندن کد کمک کند و خواندن و حفظ آن را آسان تر کند.
const appendWorld = (str) => str + ' world';
const toUpperCase = (str) => str.toUpperCase();
const splitString = (str) => str.split(' ');
پیش از
const result = splitString(toUpperCase(appendWorld('hello')));
// Output: ["HELLO", "WORLD"]
بعد (|>
اپراتور خط لوله)
const result = 'hello'
|> appendWorld
|> toUpperCase
|> splitString;
// Output: ["HELLO", "WORLD"]
خواندن بسیار ساده تر – به ویژه هنگامی که تحولات طولانی می شوند. این الهام گرفته از لوله کشی به سبک یونیکس و برنامه نویسی کاربردی است.
توجه: اپراتور خط لوله هنوز پیشنهادی است و هنوز توسط همه مرورگرها پشتیبانی نمی شود. برای استفاده از آن ، ممکن است لازم باشد از یک ترانسپیلر مانند بابل استفاده کنید.
JavaScript در سال 2025 از همیشه بیانگر ، قابل خواندن و سازگار با توسعه دهنده است. در آغوش گرفتن این اپراتورهای جدید فقط مربوط به کد پاک تر نیست – این مربوط به نوشتن کد است که اشکال زدایی آسانتر ، آموزش آسان تر و دوست داشتن آسان تر است.
استفاده از آنها را در پروژه های خود یا بخش های بازپرداخت کد میراث در جایی که منطقی باشد ، شروع کنید. و اگر برای مصاحبه آماده می شوید یا روی منبع باز کار می کنید ، این ویژگی ها می توانند لبه ای محکم به شما بدهند.
دوستش داشتی؟ واکنش ، اظهار نظر و اشتراک گذاری!
ویژگی JavaScript مدرن مورد علاقه شما که باعث صرفه جویی در وقت یا منطق ساده شده است؟ بیایید در نظرات بحث کنیم!