JavaScript ES6

ECMAScript 6 是什么？

ECMAScript 6 也称为 ES6 和 ECMAScript 2015。

一些人把它称作 JavaScript 6。

本章介绍 ES6 中的一些新特性。

  • JavaScript let
  • JavaScript const
  • 幂 (**)
  • دفعاتی واپس کردہ واپسی ویلو
  • Array.find()
  • Array.findIndex()

对 ES6（ECMAScript 2015）的浏览器支持

Safari 10 和 Edge 14 是首先完全支持 ES6 的浏览器：

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

JavaScript let

let 语句允许您使用块作用域声明变量。

مثال

var x = 10;
// یہاں x 10 ہے
{ 
  let x = 2;
  // یہاں x 2 ہے
}
// یہاں x 10 ہے

خودتان امتحان کنید

JavaScript const

بازگشت 语句允许您声明常量（具有常量值的 JavaScript 变量）。

مقابلہ میں let متغیر، لیکن واپسی کردہ ویلو کو بدل نہیں سکتا۔

مثال

var x = 10;
// یہاں x 10 ہے
{ 
  const x = 2;
  // یہاں x 2 ہے
}
// یہاں x 10 ہے

خودتان امتحان کنید

ابھیجائیئے JavaScript Let / Const میں پڑھیئے let اور بازگشت کا مطلب

پاور آپریشن

پاور آپریشن (**()) پہلے آپریشن کو دوسرے آپریشن کی پاور میں لایا جاتا ہے。

مثال

var x = 5;
var z = x ** 2;          // نتیجہ 25

خودتان امتحان کنید

x ** y کا نتیجہ Math.pow(x,y) مثل:

مثال

var x = 5;
var z = Math.pow(x,2);   // نتیجہ 25

خودتان امتحان کنید

دفعاتی واپس کردہ واپسی ویلو

ES6 فونکشن کے پارامتروں کو اپنے طور پر دفعاتی واپس کردہ ہوتا ہے。

مثال

function myFunction(x, y = 10) {
  // اگر نہیں پاس کیا یا undefined تو y 10 ہوگا
  return x + y;
}
myFunction(5); // واپس کردہ 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() مетод نکشش پہلے نمبر کا پائیدار ایکلیما درج کردہ نمبر کا انڈیکس واپس کردہ ہوتا ہے。

ਇਹ ਪ੍ਰਭਾਵ ਇਹ ਦੇਖਣ ਵਾਲਾ ਹੈ ਕਿ ਜਿਸ ਨੰਬਰ ਦਾ ਸਿਖਰ ਇੱਕਸੀਮ ਤੋਂ ਵੱਧ ਹੈ:

مثال

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 ਨੇ Number ਆਬਜੈਕਟ ਨੂੰ 2 ਨਵੇਂ ਮੈਥਡ ਜੋੜੇ ਹਨ:

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

Number.isInteger() ਮੈਥਡ

ਜੇਕਰ ਪੈਰਾਮੀਟਰ ਨੰਬਰ ਹੈ ਤਾਂ Number.isInteger() این روش بازمی‌گردد true.

مثال

Number.isInteger(10);        // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ true
Number.isInteger(10.5);      // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ false

خودتان امتحان کنید

Number.isSafeInteger() ਮੈਥਡ

ਸੁਰੱਖਿਅਤ ਨੰਬਰ ਇਹ ਨੰਬਰ ਹਨ ਜੋ ਡਬਲ ਪ੍ਰੈਸ਼ਨ ਦੇ ਤੌਰ 'ਤੇ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਪ੍ਰਤੀਨਿਧਤ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ。

ਜੇਕਰ ਪੈਰਾਮੀਟਰ ਸੁਰੱਖਿਅਤ ਨੰਬਰ ਹੈ ਤਾਂ Number.isSafeInteger() این روش بازمی‌گردد true.

مثال

Number.isSafeInteger(10);    // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ true
Number.isSafeInteger(12345678901234567890);  // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ false

خودتان امتحان کنید

ਸੁਰੱਖਿਅਤ ਨੰਬਰ ਇਹ ਸਾਰੇ ਨੰਬਰ ਹਨ ਜੋ -(253 - 1) ਤੋਂ -(253 - 1) ਅਤੇ +(253 - 1) ਤੋਂ +(253 - 1) ਤੱਕ ਹਨ。

ਇਹ ਸੁਰੱਖਿਅਤ ਹੈ: 9007199254740991. ਇਹ ਅਸੁਰੱਖਿਅਤ ਹੈ: 9007199254740992.

ਨਵੇਂ ਗਲੋਬਲ ਮੈਥਡ

ES6 ਨੇ 2 ਨਵੇਂ ਗਲੋਬਲ ਨੰਬਰ ਮੈਥਡਾਂ ਜੋੜੇ ਹਨ:

  • isFinite()
  • isNaN()

isFinite() ਮੈਥਡ

ਜੇਕਰ ਪੈਰਾਮੀਟਰ ਹੈ Infinity ਜਾਂ NaN، پس جهانی isFinite() ਮੈਥਡ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ false。

ਅਜਿਹਾ ਨਾ ਹੋਣ ਤਾਂ true ਵਾਪਸ ਦਿੰਦਾ ਹੈ:

مثال

isFinite(10/0);       // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ false
isFinite(10/1);       // ਵਾਪਸ ਚੇਨ ਚੇਨ ਕਰਦਾ ਹੈ true

خودتان امتحان کنید

isNaN() ਮੈਥਡ

اگر پارامترها هستند NaN، پس جهانی isNaN() این روش بازمی‌گردد true. در غیر این صورت false:

مثال

isNaN("Hello");       // بازمی‌گردد به true

خودتان امتحان کنید

توابع پیکان (Arrow Function)

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

شما نیازی به توابع کلیدواژه‌ها،بازگشت کلیدواژه‌ها وقفصه‌ها.

مثال

// ES5
وارد کردن x = function(x, y) {
   بازگشت x * y;
}
// ES6
const x = (x, y) => x * y;

خودتان امتحان کنید

توابع پیکان هیچ‌گونه ایناینها مناسب برای تعریفروش‌های شیء.

استفاده می‌شود.توابع پیکان ارتقاء نیافته‌اند. آن‌ها باید در زمان استفادهقبل

برای تعریف استفاده می‌شود. بازگشت در مقایسه با استفاده از وارد کردن بسیار امن‌تر، زیرا همیشه تابع اکسیپشن یک مقدار ثابت است.

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

مثال

const x = (x, y) => { return x * y };

خودتان امتحان کنید