دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۲
  • آبان

جلسه ۵۴ : معرفی ECMAScript 6 یا جاوا اسکریپت ۶

  • دسته‌بندی‌ها :
جلسه ۵۴ : معرفی ECMAScript 6 یا جاوا اسکریپت ۶
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، در بخش های قبلی به بررسی تاریخچه ی ظهور و گسترش جاوا اسکریپت و نسخه های متعددی که از آن در طول سالیان متعدد انتشار یافته پرداختیم، همچنین در بخش قبلی به یکی از ویرایش های مهم از جاوا اسکریپت با عنوان ECMAScript 5 که در سال ۲۰۰۹ ارائه شده و توسط مرورگرهای مختلف پشتیبانی می شود پرداختیم، یکی دیگر از این ویرایش های ECMAScript 6 می باشد، که ما در ادامه ی این مبحث برای آشنایی شما با این ویرایش به معرفی ECMAScript 6 یا جاوا اسکریپت ۶ خواهیم پرداخت.

      معرفی معرفی ECMAScript 6 یا جاوا اسکریپت ۶

      در ادامه ی این مبحث شما را با هر یک از ویژگی ها و خصوصیات ارائه شده در معرفی ECMAScript 6 یا جاوا اسکریپت ۶ آشنا خواهیم کرد.

      ECMAScript 6 یا جاوا اسکریپت ۶ چیست ؟

      ECMAScript 6 همچنین به عنوان ES6 و ECMAScript 2015 شناخته می شود.

      بعضی از مردم دوست دارند آن را JavaScript 6 نامگذاری کنند.

      در این بخش برخی از ویژگی های جدید در ES6 را معرفی می کنیم :

      • let در جاوا اسکریپت
      • const در جاوا اسکریپت
      • انعکاس (**)
      • مقادیر پیش فرض
      • ()Array.find
      • ()Array.findIndex

      پشتیبانی مرورگرها برای ECMAScript 6 یا جاوا اسکریپت ۶

      Safari 10 و Edge 14 اولین مرورگر هستند که به طور کامل از ES6 پشتیبانی می کنند:

       ChromeEdgeFirefox SafariOpera
      Chrome 58Edge 14Firefox 54Safari 10Opera 55
      Jan 2017Aug 2016Mar 2017Jul 2016Aug 2018

      let در جاوا اسکریپت

      دستور let اجازه می دهد تا شما بتوانید یک متغیر با دامنه بلوک (سطح block scope) تعریف کنید.

      مثال : دستور let
      خودتان امتحان کنید »

      const در جاوا اسکریپت

      دستور const به شما اجازه می دهد یک ثابت (یک متغیر جاوا اسکریپت با مقدار ثابت) را اعلام کنید.

      ثابت ها شبیه به متغیرها هستند، به جز اینکه مقدار ثابت ها را نمی توان تغییر داد.

      مثال : ثابت ها
      خودتان امتحان کنید »

      عملگر exponentiation

      عملگر exponentiation (**) اولین عملگر را به اندازه ی عملگر دوم ارتقا می دهد.

      مثال : عملگر exponentiation
      خودتان امتحان کنید »

      نتیجه ی عبارت x ** y با نتیجه ی (Math.pow(x,y یکی است :

      مثال : نتیجه ی (Math.pow(x,y
      خودتان امتحان کنید »

      مقادیر پارامتر پیش فرض

      ES6 اجازه می دهد که پارامترهای تابع مقادیر پیش فرض داشته باشند

      مثال : پارمترهای پیش فرض
      خودتان امتحان کنید »

      ()Array.find

      متد ()find مقدار عنصر آرایه اول که یک تابع تست را می گذارد باز می گرداند.

      مثال زیر اولین عنصر بزرگتر از ۱۸ را در آرایه پیدا می کند :

      مثال : پیدا کردن اولین عنصر بزرگتر از 18
      خودتان امتحان کنید »

      توجه کنید که تابع سه پارامتر می گیرید :

      • The item value
      • The item index
      • The array itself

      ()Array.findIndex

      متد ()findIndex شاخص عنصر آرایه اول که یک تست را می گذراند، باز می گرداند.

      این مثال index عنصر اول را که بزرگتر از ۱۸ است را برمی گرداند:

      مثال : اولین index بزرگتر از 18
      خودتان امتحان کنید »

      توجه کنید که تابع سه پارامتر می گیرید :

      • The item value
      • The item index
      • The array itself

      خصوصیات عددی جدید

      ES6 خصوصیات زیر را برای آبجکت عدد اضافه کرده است:

      • EPSILON
      • MIN_SAFE_INTEGER
      • MAX_SAFE_INTEGER

      مثال : خصوصیت EPSILON
      خودتان امتحان کنید »

      مثال : خصوصیت MIN_SAFE_INTEGER
      خودتان امتحان کنید »

      مثال : خصوصیت MAX_SAFE_INTEGER
      خودتان امتحان کنید »

      متدهای عددی جدید

      ES6 دو متد جدید را به آبجکت عددی اضافه می کند :

      • ()Number.isInteger
      • ()Number.isSafeInteger

      متد  ()Number.isInteger

      در متد () Number.isInteger اگر آرگومان یک integer باشد، true برگردانده می شود.

      مثال :  متد Number.isInteger
      خودتان امتحان کنید »

      متد ()Number.isSafeInteger

      یک عدد صحیح ایمن یک عدد صحیحی است که دقت مضاعف (double) را نشان داده می دهد.

      اگر آرگومان از نوع safe integer باشد، متد ()Number.isSafeInteger مقدار true را برمی گرداند.

      مثال : متد Number.isSafeInteger
      خودتان امتحان کنید »

      اعداد صحیح ایمن تمام اعداد صحیح از – (۲۵۳ – ۱) تا + (۲۵۳ – ۱) است.
      این ایمن است: ۹۰۰۷۱۹۹۲۵۴۷۴۰۹۹۱٫ این ایمن نیست: ۹۰۰۷۱۹۹۲۵۴۷۴۰۹۹۲٫

      متدهای عمومی جدید

      ES6 همچنین دو متد عمومی جدیدی را معرفی کرده است :

      • ()isFinite
      • isNan

      متد ()isFinite

      در صورتی آرگومان NaN و یا بی نهایت باشد، این متد false برمی گرداند.

      و در غیر این صورت نتیجه true خواهد بود:

      مثال : عملکرد متد ()isFinite
      خودتان امتحان کنید »

      متد ()isNaN

      اگر  آرگومان NaN باشد آنگاه این متد مقدار true را برمی گرداند، و در غیر این صورت false خواهد بود.

      مثال :  متد isNaN
      خودتان امتحان کنید »

      توابع arrow

      توابع Arrow اجازه ی سینتکس کوتاه برای نوشتن عبارات تابع را می دهد.

      شما به کلیدواژه function ، کلمه کلیدی return و براکت های curly brackets نیاز ندارید.

      مثال : توابع arrow
      خودتان امتحان کنید »

      توابع Arrow این کارایی را ندارند. آنها برای تعریف روش های آبجکت مناسب نیستند.

      توابع Arrow افزایش نمی یابد. آنها باید قبل از استفاده از آنها تعریف شوند.

      استفاده از const امن تر از استفاده از var است، زیرا یک عبارت تابع همیشه مقدار ثابت است.

      شما فقط می توانید اگر عملکرد یک بیانیه واحد باشد.،کلمات return و براکت های curly را حذف کنید.

      از این جهت ممکن است عادت خوبی باشد که همیشه آنها را حفظ کنید:

      مثال : حفظ کلمه کلیدی return و براکت ها
      خودتان امتحان کنید »

      کلام آخر

      همانطور که در بخش های قبلی به بررسی نسخه های متعدد جاوا اسکریپت پرداختیم، در ادامه ی همان مباحث نیز به ویرایش های مهمی که تاکنون از جاوا اسکریپت انتشار یافته اشاره کردیم، در این بخش نیز به بررسی و معرفی معرفی ECMAScript 6 یا جاوا اسکریپت ۶ که یکی از ویرایش های مهم جاوا اسکریپت است پرداختیم.

      QR:  جلسه ۵۴ : معرفی ECMAScript 6 یا جاوا اسکریپت ۶
      به اشتراک بگذارید