محل تبلیغات شما سرور ایران

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

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

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

  1. آفلاین

    کاربر فوق حرفه ای

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

    کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    3,688
    تشکر شده:
    16,474
    امتیاز دستاورد:
    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
    ارسال ها:
    3,688
    تشکر شده:
    16,474
    امتیاز دستاورد:
    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}`;