JavaScript 类

ECMAScript 2015، تسمى بالسى 6، دى كاى لاسجيراماتا لى فووجيتسو

فووجيتسو لاسجيراماتا هيا ماكوليمو لى فيوجيتسو لى موكولو

فووجيتسو لاسجيراماتا

Kuwa kuma a samu shi da kwanan class. class Kafa kwayar masu samarwa.

Kuwa kuma kara da sunan constructor() ka samarwa:

Tsarin

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

实例

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

Wannan shi ne amfani ne don kafa kwayar wanda suna sunan "Car".

Kwayar na yauyuka ita ce: "name" da "year".

JavaScript 类Ba shineWuri.

Shi ne wuri na JavaScript.Matakin.

Amfani da kwayar masu samarwa

Kwana idan ka kafa kwayar masu samarwa, za a samu wuri da yake kama:

实例

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

亲自试一试

Wannan shi ne amfani: Kwayar Carka samu biyu Wuri Car.

An za a samu method constructor (method constructor) bayan a kafa wuri na tsaki.

Method constructor

Method constructor shine wani hanyar:

  • Iya wadanda za a kafa shi a wuri na da kwayar masu samarwa wanda ya kamata a kara da sunan 'constructor'.
  • Yana a samarwa da kwayar masu samarwa bayan a kafa wuri na tsaki.
  • Yana amfani da shi don haki da kiyaye alama wuri.
  • Kwana idan ka baya girmu kwayar masu samarwa, JavaScript za a kara da kwayar masu samarwa guda ba a samarwa ba.

Method class

Tsarin yadda za a kafa method class shine yadda yake da method obiyoyin.

Kuwa kuma a samu shi da kwanan class.

Kuwa kuma kara da method constructor().

Daga baya ka koma karshen shi na yauyuka.

Tsarin

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

Kafa shi da samu hanyar yadda za a cire shekarun wuri wanda yake gina:

实例

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 =
"My car is " + myCar.age() + " years old.";

亲自试一试

Kuwa ka idan ka baya samu abin da ake so a hanyar manyan kewayar masu shirya:

实例

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=
"My car is " + myCar.age(year) + " years old.";

亲自试一试

Tsarin burin sha

Biyawarar dake na hukuma JavaScript yana a girmu burin sha da na girmu:

Chrome IE Firefox Safari Opera
Chrome 49 Edge 12 Firefox 45 Safari 9 Opera 36
2016 年 3 月 2015 年 7 月 2016 年 3 月 2015 年 10 月 2016 年 3 月

"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;
  }
}

亲自试一试

在 JS 严格模式 中学习更多关于“严格模式”的内容。