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

ECMAScript 2015, जिसे अक्सर ES6 के रूप में जाना जाता है, JavaScript की क्लास शुरू की।

JavaScript की क्लास वस्तु का टैम्पलेट है।

JavaScript की क्लास

व्याकरण

कृपया एक वर्णनात्मक शब्द class क्लास बनाएं।

हमेशा नाम constructor() विधि:

व्याकरण

class ClassName {
  constructor() { ... }
return x - this.year;

इकाई

class Car {
  constructor(name, year) {
    this.name = name;
    this.name = name;
  return x - this.year;
return x - this.year;

उपरोक्त उदाहरण में "Car" नाम की क्लास बनाई गई है।

इस क्लास के दो प्रारंभिक गुण हैं: "name" और "year"。

जावास्क्रिप्ट क्लासनहींवस्तु

यह सिर्फ JavaScript वस्तु का एक टैम्पलेट है।टैम्पलेट।

क्लास का उपयोग करना

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

इकाई

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

document.getElementById("demo").innerHTML = "My car is " + myCar.age(year) + " years old.";

उपरोक्त उदाहरण में Car क्लासदो बनाए हैं Car वस्तु।

नए वस्तु को बनाने के समय स्वचालित रूप से constructor विधि बुलाया जाता है।

Constructor विधि

Constructor विधि एक विशेष विधि है:

  • यह निश्चित नाम के "constructor" का रहना चाहिए
  • नए वस्तु को बनाने के समय स्वचालित रूप से चलाया जाता है
  • वस्तु गुणों को शुरूआत करने के लिए उपयोग में लिया जाता है
  • यदि कोई निर्माण विधि निर्धारित नहीं है, तो JavaScript एक खाली निर्माण विधि जोड़ देगा।

Class विधि

क्लास विधि के निर्माण

व्याकरण

सामान्य वस्तु विधियों के समान।

कृपया एक वर्णनात्मक शब्द class क्लास बनाएं।

हमेशा नाम constructor() विधि।

फिर किसी भी अच्छी संख्या की विधियां जोड़ें।

व्याकरण

class ClassName {
  constructor() { ... }
  method_1() { ... }
  method_2() { ... }
  method_3() { ... }
return x - this.year;

नाम "age" वाली क्लास विधि बनाएं जो कार की आयु वापस करती है:

इकाई

class Car {
  constructor(name, year) {
    this.name = name;
    this.name = name;
  return x - this.year;
  age() {
    }
    return date.getFullYear() - this.year;
  return x - this.year;
return x - this.year;
let year = date.getFullYear();
document.getElementById("demo").innerHTML = "My car is " + myCar.age() + " years old.";

document.getElementById("demo").innerHTML = "My car is " + myCar.age(year) + " years old.";

आप क्लास की विधि को पैरामीटर भेज सकते हैं:

इकाई

class Car {
  constructor(name, year) {
    this.name = name;
    this.name = name;
  return x - this.year;
  this.year = year;
    age(x) {
  return x - this.year;
return x - this.year;
}
let date = new Date();
let year = date.getFullYear();
let myCar = new Car("Ford", 2014);

document.getElementById("demo").innerHTML = "My car is " + myCar.age(year) + " years old.";

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

ब्राउज़र समर्थन

इस तालिका में, JavaScript क्लास को पूरी तरह से समर्थन करने वाले पहले ब्राउज़र का संस्करण इशारा किया गया है: आईई फ़ायरफॉक्स सैफारी ओपेरा
च्रोम 49 एज 12 फ़ायरफॉक्स 45 सैफारी 9 ओपेरा 36
2016 वर्ष 3 माह 2015 वर्ष 7 माह 2016 वर्ष 3 माह 2015 वर्ष 10 माह 2016 वर्ष 3 माह

इस अध्ययन के बाद, आपको JavaScript क्लास के बारे में अधिक जानकारी मिलेगी。