JavaScript ਕਲਾਸ

ECMAScript 2015، ਵੀ ਕਿਹਾ ਜਾਂਦਾ ਹੈ ES6، ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਗ ਦੀ ਸ਼ੁਰੂਆਤ ਕੀਤੀ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਆਬਾਦੀ ਦਾ ਟੈਮਪਲੇਟ ਹੈ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਗ

ਵਿਧਾਨ

ਹਮੇਸ਼ਾ ਕੀਵਾਰਡ class ਵਰਗ ਬਣਾਓ

ਹਮੇਸ਼ਾ ਨਾਮ "constructor" ਵਾਲਾ ਮੈਥਡ ਜੋੜਿਆ ਜਾਵੇ 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;

ਉੱਤੇ ਵਰਗ ਬਣਾਈਆਂ

ਇਸ ਵਰਗ ਦੋ ਪ੍ਰਾਰੰਭਿਕ ਪੈਰਾਮੀਟਰ ਹਨ: "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"
  • ਨਵੇਂ ਆਬਾਦੀ ਬਣਾਉਣ ਸਮੇਂ ਆਪਣੇ ਆਪ ਚਲਾਉਣ ਵਾਲਾ
  • ਇਸਤੇਮਾਲ ਕਰਨ ਲਈ
  • ਜੇਕਰ ਕੰਸਟਰਕਟਰ ਮੈਥਡ ਨਾ ਦਿੱਤਾ ਗਿਆ ਤਾਂ JavaScript ਖਾਲੀ ਕੰਸਟਰਕਟਰ ਮੈਥਡ ਜੋੜੇਗਾ。

Class ਮੈਥਡ

ਵਰਗ ਮੈਥਡ ਦੀ ਸਿਰਜਣਾ

ਵਿਧਾਨ

ਜਿਵੇਂ ਕਿ ਆਬਾਦੀ ਮੈਥਡ ਨਾਲ

ਹਮੇਸ਼ਾ ਕੀਵਾਰਡ class ਵਰਗ ਬਣਾਓ

ਹਮੇਸ਼ਾ ਨਾਮ "constructor" ਵਾਲਾ ਮੈਥਡ ਜੋੜਿਆ ਜਾਵੇ 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 ਕਲਾਸ ਦੇ ਬਾਰੇ ਹੋਰ ਜਾਣੋਗੇ。