18 تکنیک بهینه نویسی جاوا اسکریپت (قسمت اول)

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

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

  1. عملگر سه‌جانبه

    این تکنیک به‌شکل قابل توجهی در کدهای شما صرفه‌جویی می‌کند. به‌ویژه زمانی که در نظر دارید از ترکیب دستورات if…else در یک خط استفاده کنید.

    const x = 20;
    let answer;
    if (x > 10) {
     answer = ‘greater than 10’;
    } else {
     answer = ‘less than 10’;
    }

    کد کوتاه:

    const answer = x > 10 ? ‘greater than 10’ : ‘less than 10’;
  2. کوتاه کردن ارزیابی‌ها

    زمانی که مقدار یک متغیر به متغیر دیگری اختصاص داده می‌شود، باید اطمینان حاصل کنیم که متغیر مبدأ به null تعریف نشده یا خالی اشاره نکرده باشد.
    شما می‌توانید از یک دستور if بلند با چند دستور شرطی یا از یک عبارت ارزیابی کوتاه شده استفاده کنید.

    if (variable1 !== null || variable1 !== undefined || variable1 !== ‘’) {
     let variable2 = variable1;
    }

    کد کوتاه:

    const variable2 = variable1  || ‘new’;
  3. کوتاه کردن تعریف متغیرها

    تمرین خوبی است که فرآیند تعریف و مقدارد‌هی متغیرها را در ابتدای یک تابع انجام دهید. این تکنیک به‌میزان قابل توجهی در زمان و فضای شما به‌ویژه زمانی که در نظر دارید چند متغیر از یک نوع را تعریف کنید صرفه‌جویی می‌کند.

    let x;
    let y;
    let z = 3;

    کد کوتاه:

    let x, y, z=3;
  4. کوتاه کردن دستورات ارزیابی

    زمانی که یک دستور if را برای یک ارزیابی ساده به کار می‌برید، اپراتورهای تخصیص داده شده را می‌توانید حذف کنید.

    if (likeJavaScript === true)

    کد کوتاه:

    if (likeJavaScript)
  5. کوتاه کردن حلقه‌های جاوا اسکریپت

    این تکنیک واقعاً مفید است، به‌ویژه اگر در نظر دارید تنها از جاوا اسکریپت استفاده کنید و به کتابخانه‌های خارجی همچون جی‌کوئری یا lodash اعتماد ندارید.

    for (let i = 0; i < allImgs.length; i++)

    کد کوتاه:

    for (let index of allImgs)
  6. کوتاه کردن ارزیابی‌ها

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

    let dbHost;
    if (process.env.DB_HOST) {
     dbHost = process.env.DB_HOST;
    } else {
     dbHost = ‘localhost’;
    }

    کد کوتاه:

    const dbHost = process.env.DB_HOST || ‘localhost’;

تا همینجا برای این مقاله کافییه، امیدوارم که مفید بوده باشه براتون. ادامه مقاله را در مطالب بعدی دنبال کنید. 🌷

دوست دارید من رو بهتر بشناسید؟ رزومه آمادست :) دریافت رزومه