జావాస్క్రిప్ట్ క్లాసెస్

ఇక్మాస్క్రిప్ట్ 2015, కూడా ES6 అని పిలుస్తారు, జావాస్క్రిప్ట్ క్లాస్ ప్రవేశపెట్టింది

జావాస్క్రిప్ట్ క్లాస్ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ మాడల్

జావాస్క్రిప్ట్ క్లాస్ సంకేతం

కీలకబట్టని class వినియోగించండి class ఒక క్లాస్ నిర్మించండి

ఎప్పటికీ ఒక పేరుతో క్లాస్ నిర్మించండి constructor() మందిరికి ఉపయోగం ఉంది:

సంజ్ఞాలు

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

ఇన్స్టాన్స్

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

పైని ఉదాహరణ లో ఒక "Car" క్లాస్ సృష్టించబడింది.

ఈ క్లాస్ కి రెండు ప్రారంభ బాధ్యతలు ఉన్నాయి: "name" మరియు "year".

జావాస్క్రిప్ట్ క్లాసెస్కాదుబాధ్యత

ఇది జావాస్క్రిప్ట్ బాధ్యత యొక్కట్యాంప్లేట్.

క్లాస్ ఉపయోగం

మీరు ఒక క్లాస్ కలిగితే, ఆ క్లాస్ ను ఉపయోగించి బాధ్యతలను సృష్టించవచ్చు:

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

పైని ఉదాహరణ లో ఉపయోగించబడింది: Car క్లాస్రెండు సృష్టించడానికి ఉపయోగించబడింది: Car బాధ్యత.

కొత్త బాధ్యతను సృష్టించటం లో స్వయంచాలకంగా కన్స్ట్రక్టర్ మందిరికి కాల్ చేస్తుంది (constructor method).

కన్స్ట్రక్టర్ మందిరికి

కన్స్ట్రక్టర్ మందిరికి ఒక ప్రత్యేక మందిరికి ఉంటుంది:

  • ఇది "constructor" నామవినియోగించాలి
  • కొత్త బాధ్యతను సృష్టించటం లో స్వయంచాలకంగా అమలులోకి వస్తుంది
  • బాధ్యతలను ప్రారంభించడానికి ఉపయోగిస్తారు
  • మీరు నిర్మించనివాడితే, JavaScript ఖాళీ కన్స్ట్రక్టర్ మందిరికి జోడిస్తుంది.

క్లాస్ మందిరికి సంజ్ఞాలు

క్లాస్ మందిరికి సంజ్ఞా సంజ్ఞాలు ఒకే విధంగా సంజ్ఞాలు ఉన్నాయి.

క్లాస్ నిర్మించడానికి కీలకబట్టని class వినియోగించండి.

ఎప్పటికీ constructor() మందిరికి జోడించండి.

ఏదైనా సంఖ్యలో మందిరికి జోడించవచ్చు.

సంజ్ఞాలు

class ClassName {
  constructor() { ... }
  method_1() { ... }
  method_2() { ... }
  method_3() { ... }
}

ఒక "age" పేరుతో క్లాస్ మందిరికి నేర్పుని, ఇది కారు సంవత్సరాలను తిరిగి చెపుతుంది:

ఇన్స్టాన్స్

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    let date = new Date();
    return date.getFullYear() - this.year;
  }
}
let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML =
"నా కారు " + myCar.age() + " సంవత్సరాల వయస్సు ఉంది.";

స్వయంగా ప్రయత్నించండి

క్లాస్ మందిరికి పరామితిని పంపవచ్చు:

ఇన్స్టాన్స్

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age(x) {
    return x - this.year;
  }
}
let date = new Date();
let year = date.getFullYear();
let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML=
"నా కారు " + myCar.age(year) + " సంవత్సరాల వయస్సు ఉంది.";

స్వయంగా ప్రయత్నించండి

బ్రౌజర్ మద్దతు

ఈ పట్టిక మొదటి పూర్తిగా JavaScript క్లాస్ మద్దతు ఉన్న బ్రౌజర్ వెర్షన్ నిర్దేశిస్తుంది:

Chrome IE Firefox Safari Opera
Chrome 49 Edge 12 Firefox 45 Safari 9 ఓపెరా 36
2016 మార్చి 2015 జూలై 2016 మార్చి 2015 అక్టోబర్ 2016 మార్చి

"use strict"

క్లాస్ లో సంకేతాలు “స్ట్రిక్ట్ మోడ్” లో రాయవలసినవి.

మీరు “స్ట్రిక్ట్ మోడ్” నిబంధనలను ఆచరించకపోతే తప్పు సందేశాలు పొందుతారు.

ఇన్స్టాన్స్

“స్ట్రిక్ట్ మోడ్” లో మీరు పరివర్తనలు వాడకపై తప్పు పొందుతారు:

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    // date = new Date();  // This will not work
    let date = new Date(); // This will work
    return date.getFullYear() - this.year;
  }
}

స్వయంగా ప్రయత్నించండి

లో జెఎస్ స్ట్రిక్ట్ మోడ్ “స్ట్రిక్ట్ మోడ్” గురించి మరింత తెలుసుకోండి