1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

(--(: این 18 تکنیک کوتاه‌سازی کدهای جاوا اسکریپت، شما را شگفت‌زده می‌کند! :)--!)

شروع موضوع توسط AftabGardoon ‏22/4/18 در انجمن JS

  1. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    کوتاه کردن Implicit Return
    Return یک کلمه کلیدی است که اغلب در پایان یک تابع از آن استفاده می‌کنیم. یک تابع arrow با یک پارامتر تکی به‌ طور ضمنی نتیجه ارزیابی خود را باز می‌گرداند. برای بازگشت به یک دستور متشکل از چند دستور، ضروری است که از () به‌جای {} در بدنه تابع خود استفاده کنید. برای آنکه بتوان کلمه return را حذف کرد در بدنه تابع نباید از {} استفاده کرد. این تکنیک تضمین می‌کند که کد به‌عنوان یک دستور تکی ارزیابی شده است.
    کد بلند
    کد:
    function calcCircumference(diameter) {
      return Math.PI * diameter
    }
    کد کوتاه شده
    کد:
    calcCircumference = diameter => (
      Math.PI * diameter;
    )
     
  2. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    مقدار اولیه پارامترها
    شما می‌توانید از دستور if برای تعریف مقدار پیش‌فرض برای پارامترهای تابع استفاده کنید. در ES6 شما می‌توانید مقادیر پیش‌فرض را در خود تعریف تابع مشخص کنید.
    کد بلند
    کد:
    function volume(l, w, h) {
      if (w === undefined)
        w = 3;
      if (h === undefined)
        h = 4;
      return l * w * h;[/LEFT]
    }
    کد کوتاه شده
    کد:
    volume = (l, w = 3, h = 4 ) => (l * w * h);
    volume(2) //output: 24
     
  3. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    Template Literals
    از به‌کارگیری عملگر + برای اتصال چند متغیر به یکدیگر داخل یک رشته خسته شده‌اید؟ بهتر نیست از راهکار ساده‌تری برای این منظور استفاده کنید؟ اگر می‌توانید از ES6 استفاده کنید، قادر هستید از ${} برای محصور کردن و خلاصه‌سازی کدهای خود استفاده کنید.
    کد بلند
    کد:
    const welcome = ‘You have logged in as ‘ + first + ‘ ‘ + last + ‘.’
    const db = ‘http://’ + host + ‘:’ + port + ‘/’ + database;
    کد کوتاه شده
    کد:
    const welcome = `You have logged in as ${first} ${last}`;
    const db = `http://${host}:${port}/${database}`;