ECMAScript 6 در JavaScript
یادگیری JavaScriptECMAScript 6 همچنین به عنوان ES6 و ECMAScript 2015 شناخته می شود
بعضی از مردم دوست دارند آن را JavaScript 6 نامگذاری کنند.
این فصل برخی از ویژگی های جدید در ES6 را معرفی می کند.
- JavaScript let
- JavaScript const
- مقادیر پیش فرض پارامتر
- Array.find()
- Arrat findIndex()
JavaScript let
دستور اجازه می دهد تا شما یک متغیر را در داخل براکت {} محدوده اعلام کنید.
تغییر متغیر با استفاده از var می تواند مشکلات را تحمیل کند:
var x = 10;
// Now x is 10
{
var x = 2;
// Now x is 2
}
// Now x is 2
مشاهده مثالاعلام دوباره یک متغیر با استفاده از let می تواند مشکلات را حل کند:
var x = 10;
// Now x is 10
{
let x = 2;
// Now x is 2
}
// Now x is 10
مشاهده مثالconst در JavaScript
بیانیه const برای اعلام یک متغیر با یک مقدار ثابت استفاده می شود.
شبیه به let است، به جز اینکه ارزش متغیر را نمی توان تغییر داد.
متغیر باید زمان مقداردهی اعلام شده باشد.
var x = 10;
// Now x is 10
{
const x = 2;
// Now x is 2
}
// Now x is 10
مشاهده مثالمقادیر پیش فرض پارامتر
ES6 به پارامترهای عملکرد برای داشتن مقادیر پیش فرض اجازه می دهد.
function myFunction(x, y = 10) {
// y is 10 if not passed or undefined
return x + y;
}
myFunction(5); // will return 15
مشاهده مثال
()Array.find
روش ()find مقدار عنصر آرایه اول را که یک تست را میگذراند، باز میگرداند.
این مثال (عنصر) عنصر اول را که بزرگتر از 18 است را پیدا می کند:
var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
مشاهده مثالتوجه داشته باشید که این تابع 3 استدلال دارد:
- مقدار آیتم
- فهرست آیتم
- خود آرایه
()Array.findIndex
روش ()findIndex شاخص عنصر آرایه اول را که یک تست را میگذراند، باز میگرداند.
این مثال نشانگر عنصر اول است که بزرگتر از 18 است:
var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
مشاهده مثالتوجه داشته باشید که این تابع 3 استدلال دارد:
- مقدار آیتم
- فهرست آیتم
- خود آرایه
خواص جدید مقدار
ES6 خواص زیر را به شی شماره اضافه می کند:
- EPSILON
- MIN_SAFE_INTEGER
- MAX_SAFE_INTEGER
var x = Number.EPSILON;
مشاهده مثال var x = Number.MIN_SAFE_INTEGER;
مشاهده مثالvar x = Number.MAX_SAFE_INTEGER;
مشاهده مثالمتد جدید مقدار
ES6 2 شیوه جدید را به شی Object اضافه کرد:
- Number.isInteger()
- Number.isSafeInteger()
متد ()Number.isInteger
روش ()Number.isInteger اگر آرگومان یک عدد صحیح باشد True بر میگرداند.
Number.isInteger(10); // returns true
Number.isInteger(10.5); // returns false
مشاهده مثالیک عدد صحیح ایمن یک عدد صحیح است که دقیقا به عنوان یک دقت دوبعدی نمایش داده می شود.
روش ()Number.isSafeIntegerاگر آرگومان یک عدد امن باشد True بر میگرداند.
Number.isSafeInteger(10); // returns true
Number.isSafeInteger(12345678901234567890); // returns false
مشاهده مثالروشهای جدید سراسری
ES6 همچنین 2 روش جدید شماره گیری سراسری را اضافه کرد:
- isFinite()
- isNan
متد ()isFinite
روش ()globalFinite اگر آرگومان بی نهایت یا NaN باشد، false برگشت داده می شود.
در غیر این صورت true می شود:
isFinite(10/0); // returns false
isFinite(10/1); // returns true
مشاهده مثالمتد ()isNaN
روش ()global isNanاگر آرگومان NaN باشد true بر میگرداند در غير اين صورت، آن را False ميدهد:
isNaN("Hello"); // returns true
مشاهده مثالتوابع arrow
توابع Arrow اجازه می دهد تا یک ساختار کوتاه برای نوشتن عبارات تابع داشته باشید
شما به کلیدواژه تابع، کلمه کلیدی بازگشت و براکت های فیشینگ نیاز ندارید.
// ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
مشاهده مثالتوابع Arrow این کار را ندارند. آنها برای تعریف روش های شیء مناسب نیستند.
توابع arrow باید قبل از استفاده از آنها تعریف شوند. استفاده از const امن تر از استفاده از var است، زیرا یک عبارت تابع یک مقدار ثابت است.
شما فقط می توانید کلمات کلیدی بازگشت و براکت های را حذف کنید البته اگر عملکرد یک دستور واحد باشد.
ممکن است یک عادت خوب برای نگه داشتن آنها باشد:
const x = (x, y) => { return x * y };
مشاهده مثال
نظر شما
>