जावास्क्रिप्ट ES6

ईसीएमएस्क्रिप्ट 2015 जावास्क्रिप्ट का दूसरा प्रमुख संशोधन था।

ईसीएमएस्क्रिप्ट 2015 को ईएस6 और ईसीएमएस्क्रिप्ट 6 के नाम से भी जाना जाता है।

यह अध्याय ES6 की सबसे महत्वपूर्ण विशेषताओं का वर्णन करता है।

ES6 . में नई सुविधाएँ

ES6 (2015) के लिए ब्राउज़र समर्थन

सफारी 10 और एज 14 ES6 को पूरी तरह से सपोर्ट करने वाले पहले ब्राउजर थे:


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

जावास्क्रिप्ट चलो

letकीवर्ड आपको ब्लॉक स्कोप के साथ एक वैरिएबल घोषित करने की अनुमति देता है ।

उदाहरण

var x = 10;
// Here x is 10
{
let x = 2;
// Here x is 2
}
// Here x is 10

letइस अध्याय में इसके बारे में और पढ़ें : जावास्क्रिप्ट लेट ।

जावास्क्रिप्ट कॉन्स्ट

constकीवर्ड आपको एक स्थिरांक (स्थिर मान के साथ एक जावास्क्रिप्ट चर) घोषित करने की अनुमति देता है ।

स्थिरांक लेट वेरिएबल के समान हैं, सिवाय इसके कि मान को बदला नहीं जा सकता।

उदाहरण

var x = 10;
// Here x is 10
{
const x = 2;
// Here x is 2
}
// Here x is 10

constइस अध्याय में इसके बारे में और पढ़ें : JavaScript Const ।

तीर कार्य

एरो फंक्शन फंक्शन एक्सप्रेशन लिखने के लिए एक छोटे सिंटैक्स की अनुमति देता है।

आपको 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 };

इस अध्याय में एरो फंक्शन के बारे में और जानें: जावास्क्रिप्ट एरो फंक्शन ।

लूप के लिए/

जावास्क्रिप्ट for/ofस्टेटमेंट एक पुनरावृत्त वस्तुओं के मूल्यों के माध्यम से लूप करता है।

for/of आपको डेटा संरचनाओं पर लूप करने देता है जो चलने योग्य हैं जैसे कि Arrays, Strings, Maps, NodeLists, और बहुत कुछ।

लूप में for/ofनिम्नलिखित सिंटैक्स है:

for (variable of iterable) {
// code block to be executed
}

चर - प्रत्येक पुनरावृत्ति के लिए अगली संपत्ति का मान चर को सौंपा गया है। चरconst को , let, या के साथ घोषित किया जा सकता है var।

चलने योग्य - एक वस्तु जिसमें चलने योग्य गुण होते हैं।

एक ऐरे पर लूपिंग

उदाहरण

const cars = ["BMW", "Volvo", "Mini"];
let text = "";

for (let x of cars) {
text += x + " ";
}

एक स्ट्रिंग पर लूपिंग

उदाहरण

let language = "JavaScript";
let text = "";

for (let x of language) {
text += x + " ";
}

इस अध्याय में और जानें: जावास्क्रिप्ट लूप फॉर/इन/ऑफ ।

जावास्क्रिप्ट मानचित्र वस्तुएं

किसी ऑब्जेक्ट को कुंजी के रूप में उपयोग करने में सक्षम होना एक महत्वपूर्ण मानचित्र विशेषता है।

उदाहरण

// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};

// Create a new Map
const fruits = new Map();

// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

इस अध्याय में मानचित्र वस्तुओं के बारे में अधिक जानें: जावास्क्रिप्ट मानचित्र () ।

जावास्क्रिप्ट सेट ऑब्जेक्ट्स

उदाहरण

// Create a Set
const letters = new Set();

// Add some values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

इस अध्याय में ऑब्जेक्ट सेट करने के बारे में और जानें: JavaScript Set() ।

जावास्क्रिप्ट क्लासेस

जावास्क्रिप्ट क्लासेस जावास्क्रिप्ट ऑब्जेक्ट्स के लिए टेम्प्लेट हैं।

classकक्षा बनाने के लिए कीवर्ड का प्रयोग करें ।

हमेशा नाम की एक विधि जोड़ें constructor():

वाक्य - विन्यास

class ClassName {
constructor() { ... }
}

उदाहरण

class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
}

ऊपर दिया गया उदाहरण "कार" नामक एक वर्ग बनाता है।

कक्षा में दो प्रारंभिक गुण हैं: "नाम" और "वर्ष"।

एक जावास्क्रिप्ट वर्ग एक वस्तु नहीं है।

यह जावास्क्रिप्ट वस्तुओं के लिए एक टेम्पलेट है।

कक्षा का उपयोग करना

जब आपके पास कक्षा होती है, तो आप वस्तुओं को बनाने के लिए कक्षा का उपयोग कर सकते हैं:

उदाहरण

const myCar1 = new Car("Ford", 2014);
const myCar2 = new Car("Audi", 2019);

इस अध्याय में कक्षाओं के बारे में और जानें: जावास्क्रिप्ट क्लासेस ।

जावास्क्रिप्ट वादे

एक वादा एक जावास्क्रिप्ट वस्तु है जो "उत्पादन कोड" और "उपभोग कोड" को जोड़ता है।

"उत्पादन कोड" में कुछ समय लग सकता है और "उपभोग कोड" को परिणाम की प्रतीक्षा करनी चाहिए।

वादा वाक्य रचना

एक वादे का उपयोग करने का उदाहरण

अध्याय में वादों के बारे में अधिक जानें: जावास्क्रिप्ट वादे ।

प्रतीक प्रकार

एक जावास्क्रिप्ट प्रतीक संख्या, स्ट्रिंग या बूलियन की तरह एक आदिम डेटाटाइप है।

यह एक अद्वितीय "छिपे हुए" पहचानकर्ता का प्रतिनिधित्व करता है जिसे कोई अन्य कोड गलती से एक्सेस नहीं कर सकता है।

उदाहरण के लिए, यदि अलग-अलग कोडर्स किसी व्यक्ति ऑब्जेक्ट में एक व्यक्ति.आईडी संपत्ति जोड़ना चाहते हैं जो किसी तीसरे पक्ष के कोड से संबंधित है, तो वे एक दूसरे के मूल्यों को मिला सकते हैं।

एक अद्वितीय पहचानकर्ता बनाने के लिए प्रतीक () का उपयोग करना, इस समस्या को हल करता है:

उदाहरण

const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};

let id = Symbol('id');
person[id] = 140353;
// Now person[id] = 140353
// but person.id is still undefined

प्रतीक हमेशा अद्वितीय होते हैं।

यदि आप एक ही विवरण के साथ दो प्रतीक बनाते हैं तो उनके अलग-अलग मान होंगे।

Symbol("id") == Symbol("id") // false

डिफ़ॉल्ट पैरामीटर मान

ES6 फ़ंक्शन पैरामीटर को डिफ़ॉल्ट मान रखने की अनुमति देता है।

उदाहरण

function myFunction(x, y = 10) {
// y is 10 if not passed or undefined
return x + y;
}
myFunction(5); // will return 15

समारोह आराम पैरामीटर

बाकी पैरामीटर (...) एक फ़ंक्शन को एक सरणी के रूप में तर्कों की अनिश्चित संख्या का इलाज करने की अनुमति देता है:

उदाहरण

function sum(...args) {
let sum = 0;
for (let arg of args) sum += arg;
return sum;
}

let x = sum(4, 9, 16, 25, 29, 100, 66, 77);

स्ट्रिंग शामिल है ()

यदि स्ट्रिंग में निर्दिष्ट मान है, तो includes()विधि वापस आती trueहै, अन्यथा false:

उदाहरण

let text = "Hello world, welcome to the universe.";
text.includes("world") // Returns true

स्ट्रिंग.स्टार्ट्सविथ ()

यदि कोई स्ट्रिंग निर्दिष्ट मान से शुरू होती है, तो विधि startsWith()वापस आती है, अन्यथा :truefalse

उदाहरण

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello") // Returns true

स्ट्रिंग.एंड्सविथ ()

यदि कोई स्ट्रिंग निर्दिष्ट मान के साथ समाप्त होती है, तो विधि endsWith()वापस आती है, अन्यथा :truefalse

उदाहरण

var text = "John Doe";
text.endsWith("Doe") // Returns true

ऐरे। से ()

The Array.from() method returns an Array object from any object with a length property or any iterable object.

Example

Create an Array from a String:

Array.from("ABCDEFG") // Returns [A,B,C,D,E,F,G]

Array keys()

The keys() method returns an Array Iterator object with the keys of an array.

Example

Create an Array Iterator object, containing the keys of the array:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();

let text = "";
for (let x of keys) {
text += x + "<br>";
}

Array find()

The find() method returns the value of the first array element that passes a test function.

This example finds (returns the value of ) the first element that is larger than 18:

Example

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);

function myFunction(value, index, array) {
return value > 18;
}

Note that the function takes 3 arguments:

The item value
The item index
The array itself

Array findIndex()

The findIndex() method returns the index of the first array element that passes a test function.

This example finds the index of the first element that is larger than 18:

Example

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
return value > 18;
}

Note that the function takes 3 arguments:

The item value
The item index
The array itself

New Math Methods

ES6 added the following methods to the Math object:

Math.trunc()
Math.sign()
Math.cbrt()
Math.log2()
Math.log10()

The Math.trunc() Method

Math.trunc(x) returns the integer part of x:

Example

Math.trunc(4.9);    // returns 4
Math.trunc(4.7);    // returns 4
Math.trunc(4.4);    // returns 4
Math.trunc(4.2);    // returns 4
Math.trunc(-4.2);    // returns -4

The Math.sign() Method

Math.sign(x) returns if x is negative, null or positive:

Example

Math.sign(-4);    // returns -1
Math.sign(0);    // returns 0
Math.sign(4);    // returns 1

The Math.cbrt() Method

Math.cbrt(x) returns the cube root of x:

Example

Math.cbrt(8);    // returns 2
Math.cbrt(64);    // returns 4
Math.cbrt(125);    // returns 5

The Math.log2() Method

Math.log2(x) returns the base 2 logarithm of x:

Example

Math.log2(2); // returns 1

The Math.log10() Method

Math.log10(x) returns the base 10 logarithm of x:

Example

Math.log10(10); // returns 1

New Number Properties

ES6 added the following properties to the Number object:

EPSILON
MIN_SAFE_INTEGER
MAX_SAFE_INTEGER

Example

let x = Number.EPSILON;

Example

let x = Number.MIN_SAFE_INTEGER;

Example

let x = Number.MAX_SAFE_INTEGER;

New Number Methods

ES6 added 2 new methods to the Number object:

Number.isInteger()
Number.isSafeInteger()

The Number.isInteger() Method

The Number.isInteger() method returns true if the argument is an integer.

Example

Number.isInteger(10); // returns true
Number.isInteger(10.5); // returns false

The Number.isSafeInteger() Method

A safe integer is an integer that can be exactly represented as a double precision number.

The Number.isSafeInteger() method returns true if the argument is a safe integer.

Example

Number.isSafeInteger(10); // returns true
Number.isSafeInteger(12345678901234567890); // returns false

Safe integers are all integers from -(2⁵³ - 1) to +(2⁵³ - 1).
This is safe: 9007199254740991. This is not safe: 9007199254740992.

New Global Methods

ES6 added 2 new global number methods:

isFinite()
isNaN()

The isFinite() Method

The global isFinite() method returns false if the argument is Infinity or NaN.

Otherwise it returns true:

Example

isFinite(10/0); // returns false
isFinite(10/1); // returns true

The isNaN() Method

The global isNaN() method returns true if the argument is NaN. Otherwise it returns false:

Example

isNaN("Hello"); // returns true

❮ Previous Next ❯

जेएस ट्यूटोरियल

जेएस संस्करण

जेएस ऑब्जेक्ट्स

जे एस कार्य

जेएस क्लासेस

जे एस एसिंक

जेएस एचटीएमएल डोम

जेएस ब्राउज़र बीओएम

जेएस वेब एपीआई

जे एस अजाक्स

जेएस JSON

जेएस बनाम jQuery

जेएस ग्राफिक्स

जेएस उदाहरण

जे एस संदर्भ

जावास्क्रिप्ट ES6

ES6 . में नई सुविधाएँ

ES6 (2015) के लिए ब्राउज़र समर्थन

जावास्क्रिप्ट चलो

उदाहरण

जावास्क्रिप्ट कॉन्स्ट

उदाहरण

तीर कार्य

उदाहरण

उदाहरण

लूप के लिए/

एक ऐरे पर लूपिंग

उदाहरण

एक स्ट्रिंग पर लूपिंग

उदाहरण

जावास्क्रिप्ट मानचित्र वस्तुएं

उदाहरण

जावास्क्रिप्ट सेट ऑब्जेक्ट्स

उदाहरण

जावास्क्रिप्ट क्लासेस

वाक्य - विन्यास

उदाहरण

कक्षा का उपयोग करना

उदाहरण

जावास्क्रिप्ट वादे

वादा वाक्य रचना

एक वादे का उपयोग करने का उदाहरण

प्रतीक प्रकार

उदाहरण

डिफ़ॉल्ट पैरामीटर मान

उदाहरण

समारोह आराम पैरामीटर

उदाहरण

स्ट्रिंग शामिल है ()

उदाहरण

स्ट्रिंग.स्टार्ट्सविथ ()

उदाहरण

स्ट्रिंग.एंड्सविथ ()

उदाहरण

ऐरे। से ()

Example

Array keys()

Example

Array find()

Example

Array findIndex()

Example

New Math Methods

The Math.trunc() Method

Example

The Math.sign() Method

Example

The Math.cbrt() Method

Example

The Math.log2() Method

Example

The Math.log10() Method

Example

New Number Properties

Example

Example

Example

New Number Methods

The Number.isInteger() Method

Example