تسلط بر اپراتورهای JavaScript (بدون اینکه غرق شوید)

JavaScript چیزهای زیادی در زیر کاپوت قرار دارد. اما اگر یک منطقه وجود داشته باشد که هر مبتدی باید زودتر از آن استفاده کند ، اپراتورهای آن هستند.

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

در این پست ، ما از طریق انواع اپراتور کلیدی در JavaScript قدم می زنیم و به شما نشان می دهیم که چگونه با اطمینان از آنها استفاده کنید. این که آیا شما در حال اضافه کردن شماره ، بررسی شرایط ، یا استفاده از نحو جدیدتر هستید چمن یا ؟، این راهنما به شما در ساخت آن عضله مهم کمک می کند.

بیایید با اصول اولیه شروع کنیم.

“اپراتورها” چیست؟

اگر چیزی شبیه به آن نوشتید x = x + 1، شما قبلاً از یک اپراتور JavaScript استفاده کرده اید. آنها تقریباً در هر خط کد ظاهر می شوند – خواه شما یک محاسبه سریع انجام می دهید ، مقایسه می کنید یا یک مقدار را به روز می کنید.

آنچه بسیاری از مبتدیان نمی دانند این است که JavaScript به مرور زمان انواع جدیدی از اپراتورها را اضافه می کند. برخی از آنها ، مانند ؟ (زنجیره اختیاری) یا چمن (همبستگی تهی) ، به گونه ای طراحی شده اند که به شما در نوشتن کد تمیزتر و قابل اطمینان تر کمک می کنند – به خصوص هنگامی که با داده هایی که ممکن است از دست رفته یا نامشخص باشند کار می کنید.

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

اپراتورهای حسابی: انجام ریاضیات

این اولین اپراتورهایی هستند که اکثر مردم یاد می گیرند – و به دلایل خوبی. آنها به شما امکان می دهند ریاضی ساده را در کد خود انجام دهید:

let sum = 5 + 3; // 8
let difference = 10–4; // 6
let product = 6 * 7; // 42
let quotient = 8 / 2; // 4
let remainder = 10 % 3; // 1
let power = 2 ** 3; // 8

اپراتورهای حسابی برای همه چیز از ورودی فرم تا مکانیک بازی ضروری هستند.

اپراتور +: اعداد یا رشته ها؟

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

5 + 5 // 10
"Hello" + "!" // "Hello!"

اما یک عدد و یک رشته را ترکیب کنید؟

5 + "5" // "55" (string)

JavaScript با شماره مانند یک رشته رفتار می کند و آنها را به هم می چسباند. به آن نوع اجبار گفته می شود-و دلیل خوبی برای بررسی دو بار متغیر خود در هنگام استفاده است بابشر

++ و -: میانبرهایی که اضافه می کنند (یا کم می شوند) 1

آیا می خواهید یک مقدار را به یک افزایش دهید؟ استفاده کردن ++بشر آن را کاهش دهید؟ استفاده کردن – بشر شما این موارد را در حلقه ها مشاهده خواهید کرد.

let count = 1;
count++; // count is now 2

هرچند پیچ ​​و تاب وجود دارد. این اپراتورها وارد می شوند پیشوند وت پس از فیکس فرم ها:

let a = 5;
let b = a++; // b = 5, a = 6
let x = 5;
let y = ++x; // x = 6, y = 6

PostFix قبل از تغییر مقدار را برمی گرداند. پیشوند آن را پس از آن برمی گرداند. این در عبارات پیچیده تر اهمیت پیدا می کند.

اپراتورهای انتساب: بیش از فقط '='

در هسته آن ، = یک مقدار را اختصاص می دهد. اما JavaScript همچنین به شما امکان می دهد تکلیف را با عملیات ترکیب کنید.

let score = 10;
score += 5; // Same as: score = score + 5
score *= 2; // Multiplies score by 2

این میانبرها کد شما را محکم تر می کنند – و به محض اینکه می دانید چه چیزی را جستجو کنید ، آسان تر می شوید.

اپراتورهای مقایسه: تصمیم گیری

این اپراتورها برمی گردند درستیا دروغ بشر شما از آنها در هر استفاده می کنید اگر شرط بیانیه و حلقه.

5 === 5 // true
5 !== "5" // true
10 > 5 // true

استفاده کردن === وت ! == بیش از == وت! =برای جلوگیری از تبدیل نوع ناخواسته. این یک تغییر کوچک است که می تواند باعث ایجاد اشکال زدایی زیادی شود.

اپراتورهای مشروط (سه گانه): یک خط ، دو نتیجه

این یکی برای تصمیمات سریع مورد علاقه است:

let age = 20;
let status = age >= 18 ? "Adult" : "Minor";

این آمده است: ” اگر سن 18 سال یا بیشتر است ، “بزرگسالان” را برگردانید. در غیر این صورت ، “جزئی” را برگردانید. “فقط آنها را بیش از حد نکنید. سادگی برنده می شود.

اپراتورهای منطقی: ترکیب شرایط

وقتی یک شرط کافی نباشد ، اپراتورهای منطقی به شما کمک می کنند:

• && (و): هر دو باید درست باشند

• || (یا): حداقل باید درست باشد

• ! (نه): شرایط را معکوس می کند

let isMember = true;
let hasAccess = isMember && age >= 18;

آنها ضروری هستند که کد شما نیاز به پاسخ دادن به چندین عامل به طور همزمان داشته باشد.

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

JavaScript اکنون به شما امکان می دهد چک ها و تکالیف منطقی را در یک خط ترکیب کنید:

user.name ||= "Guest"; // Set if falsy
settings.apiKey ??= "none"; // Set if null or undefined
isAdmin &&= true; // Set only if already truthy

این یک روش مدرن برای کاهش درهم و برهمی کد است در حالی که هنوز در مورد هدف شما روشن است.

همبستگی تهی (؟؟): پیش فرض باهوش تر

این اپراتور یک عقب نشینی ارائه می دهد فقط اگر مقدار اول است تهییا تعریف نشده بشر

let value = input ?? "default";

این در رشته های خالی یا 0 ایجاد نمی شود – که آن را دقیق تر از||در بسیاری موارد

زنجیره ای اختیاری (؟.): از خطاهای داده های گمشده خودداری کنید

آیا نیاز به دسترسی به یک ویژگی در اعماق یک شی دارید ، اما مطمئن نیستید که قسمت های میانی وجود دارد؟

let name = user?.profile?.firstName;

اگر هر بخشی تعریف نشده باشد ، خطایی به وجود نمی آورد – فقط تعریف نشده باز می گردد. این برای کار با داده های اختیاری مانند پاسخ های API مناسب است.

گسترش و استراحت: یک نحو ، دو استفاده

سه نقطه ( … ) بسته به متن ، دو هدف را ارائه دهید:

// Spread
let copy = […original];
// Rest
function sum(…numbers) {
return numbers.reduce((a, b) => a + b);
}

این نحو در همه جای جاوا اسکریپت مدرن ، به ویژه در چارچوب هایی مانند React است.

سعی نکنید به خاطر بسپارید – سعی کنید از آن استفاده کنید

با وجود بسیاری از اپراتورها ، احساس غرق شدن آسان است. اما نیازی به حفظ همه آنها نیست. روی آنهایی که در حال حاضر استفاده می کنید تمرکز کنید. بقیه با رشد پروژه های شما حس بیشتری خواهند داشت.

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

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

این مقاله خلاصه ای از“JavaScript را با AI بیاموزید – روشی دقیق تر برای کدگذاری“توسط D-Libro.