JavaScript 类

ECMAScript 2015（也称为 ES6）引入了 JavaScript 类。

JavaScript 类是 JavaScript 对象的模板。

JavaScript 类语法

使用关键字class创建类。

始终添加一个名为constructor()的方法：

1
2
3

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

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

上面的示例创建了一个名为“Car”的类。

该类有两个初始属性：“name”和“year”。

JavaScript 类不是对象。

它是 JavaScript 对象的模板。

使用类

当你有一个类时，你可以使用这个类来创建对象：

1 2	const myCar1 = new Car("Ford", 2014); const myCar2 = new Car("Audi", 2019);

尝试一下 »

上面的示例使用 Car 类创建两个 Car 对象。

创建新对象时，会自动调用构造函数方法。

构造函数方法

构造函数方法是一种特殊方法：

它必须具有确切的名称“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() {  
    const date = new Date();  
    return date.getFullYear() - this.year;  
  }  
}  

const myCar = new Car("Ford", 2014);  
document.getElementById("demo").innerHTML =  
"My car is " + myCar.age() + " years old.";

尝试一下 »

可以将参数发送到 Class 方法：

class Car {  
  constructor(name, year) {  
    this.name = name;  
    this.year = year;  
  }  
  age(x) {  
    return x - this.year;  
  }  
}  

const date = new Date();  
let year = date.getFullYear();  

const myCar = new Car("Ford", 2014);  
document.getElementById("demo").innerHTML=  
"My car is " + myCar.age(year) + " years old.";