जावास्क्रिप्ट ईएस6

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 एस6 (ECMAScript 2015) का पूर्णत: समर्थन करने वाले पहले ब्राउज़र हैं:

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

const वाक्यांश डिफ़ॉल्ट मान घोषित करने के लिए वाक्यांश की अनुमति देता है (स्थायी मान वाले JavaScript वेरियेबल)。

स्थायी वाक्यांश जैसे let वे एक्रायनेमा हैं लेकिन उनके मूल्य को बदल नहीं सकते。

इंस्टांस

var x = 10;
// यहाँ x = 10
{ 
  const x = 2;
  // यहाँ x = 2
}
// यहाँ x = 10

स्वयं एकसे प्रयोग करें

हमारे JavaScript Let / Const इस चैप्टर में जानकारी पढ़ें let और const की सामग्री。

इंडेक्स ऑपरेटर

उच्चांश (**) ऑपरेटर**दूसरे ऑपरेटर के बल पर पहले ऑपरेटर को उच्चांश करता है。

इंस्टांस

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) {
  // यदि नहीं होता या अनिर्दिष्ट है तो 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() फ़ंक्शन टेस्ट फ़ंक्शन के माध्यम से पहले एक्रायनेमा एलिमेंट के इंडेक्स को वापस करता है。

यह उदाहरण अधिक रखरखाव से 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 ने 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) तक के सभी इंटीजरों को कहते हैं。

यह सुरक्षित है: 9007199254740991. यह असुरक्षित है: 9007199254740992.

नई ग्लोबल विधि

ES6 ने 2 नए ग्लोबल नंबर विधियाँ जोड़ी हैं:

  • isFinite()
  • isNaN()

isFinite() विधि

यदि पारामीटर इन्फिनिटी या NaNयदि isFinite() विधि false वापस करता है。

अन्यथा true वापस करता है:

इंस्टांस

isFinite(10/0);       // वास्तविक अनुभव देता है false
isFinite(10/1);       // वास्तविक अनुभव देता है true

स्वयं एकसे प्रयोग करें

isNaN() विधि

पारामीटर NaNयदि isNaN() विधि वापसी true।अन्यथा false

इंस्टांस

isNaN("Hello");       // वापसी true

स्वयं एकसे प्रयोग करें

एरो फ़ंक्शन (Arrow Function)

एरो फ़ंक्शन की आला आसान गैरिफ़्ट से फ़ंक्शन एक्सप्रेशन लिखने की अनुमति है。

आपको नहीं चाहिए function कीवर्ड,return कीवर्ड औरबारेकज़ैट

इंस्टांस

// ES5
var x = function(x, y) {
   return x * y;
}
// ES6
const x = (x, y) => x * y;

स्वयं एकसे प्रयोग करें

एरो फ़ंक्शन के this।वे डिफ़ाइन करने के लिए अनुचित हैंऑब्जेक्ट विधि

एरो फ़ंक्शन उठाए नहीं गए हैं।वे इस्तेमाल मेंअग्रपरिभाषित करना

के रूप में const से var सुरक्षित है, क्योंकि फ़ंक्शन एक्सप्रेशन हमेशा स्थिर मानक है।

यदि फ़ंक्शन एकल वाक्य है, तो इसे छोड़ देना होगा return कीवर्ड और बारेकज़ैट।इसलिए उन्हें बनाए रखना एक अच्छा आदत हो सकती है:

इंस्टांस

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

स्वयं एकसे प्रयोग करें