జావాస్క్రిప్ట్ క్లాస్
- ముంది పేజీ JS అర్రో ఫంక్షన్
- తరువాత పేజీ JS మాడ్యూల్
ECMAScript 2015, కూడా ES6 అని పిలుస్తారు, జావాస్క్రిప్ట్ క్లాస్లను ప్రవేశపెట్టింది.
జావాస్క్రిప్ట్ క్లాస్ అజూబా మాదిరి ఉంటుంది
జావాస్క్రిప్ట్ క్లాస్సంకేతం
కీర్తికరంగా ఉపయోగించండి 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".
జావాస్క్రిప్ట్ క్లాస్కాదుఅజూబా
జావాస్క్రిప్ట్ అజూబా మాదిరి ఉంటుందిమొదటి స్థాయి మొదటి స్థాయి。
క్లాస్ ఉపయోగం
మీకు ఒక క్లాస్ ఉంటే, మీరు ఆ క్లాస్ని ఉపయోగించి అజూబా సృష్టించవచ్చు:
ప్రతిరూపం
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 పద్ధతి
కన్స్ట్రక్టర్ పద్ధతి ఒక ప్రత్యేక పద్ధతి ఉంది:
- ఇది "కన్స్ట్రక్టర్" పేరుతో కూడినది ఉండాలి
- కొత్త అజూబా సృష్టించడం సమయంలో స్వయంచాలకంగా అమలులోకి వస్తుంది
- అజూబా విశేషతలను ప్రారంభించడానికి ఉపయోగించబడుతుంది
- నిర్వచించని కన్స్ట్రక్టర్ పద్ధతిని నిర్వహించకపోతే, 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.";
ప్రయత్నించండి
బ్రౌజర్ సమర్థన
ఈ పట్టిక మొదటి పూర్తిగా జావాస్క్రిప్ట్ క్లాస్స్ సమర్థించే బ్రౌజర్ వెర్షన్స్ నిర్దేశిస్తుంది: | ఐఇ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
క్రోమ్ 49 | ఎడ్జ్ 12 | ఫైర్ఫాక్స్ 45 | సఫారీ 9 | ఓపెరా 36 |
2016 సంవత్సరం 3 నెల | 2015 సంవత్సరం 7 నెల | 2016 సంవత్సరం 3 నెల | 2015 సంవత్సరం 10 నెల | 2016 సంవత్సరం 3 నెల |
ఈ శిక్షణలో మీరు జావాస్క్రిప్ట్ క్లాస్ గురించి మరింత తెలుసుకునేందుకు మీరు తీసుకునేందుకు ఉంటుంది.
- ముంది పేజీ JS అర్రో ఫంక్షన్
- తరువాత పేజీ JS మాడ్యూల్