JavaScript 类-简介

JS类是JS对象的模板

语法

使用关键字 class 创建一个类。并添加 constructor() 方法。

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

实例

一个名为Car的类,name和car是它的两个属性

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

对类的实例化myCar1和myCar2

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

类的应用

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

当需要向类中传递参数

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