JavaScript 类是 JavaScript 对象的模板
JavaScript 类的语法
请使用关键字 class 创建类。
请始终添加名为 constructor() 的方法：
语法
class ClassName {
constructor() { ... }
}
实例
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
}
上面的例子创建了一个名为 "Car" 的类。
该类有两个初始属性："name" 和 "year"。
JavaScript 类不是对象。
它只是 JavaScript 对象的模板。
使用类
如果您有一个类，那么您可以使用该类来创建对象：
实例
let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);
上面的例子使用 Car 类创建了两个 Car 对象。
在创建新对象时会自动调用 constructor 方法。
Constructor 方法
构造方法是一种特殊的方法：
它必须拥有确切名称的“构造函数”
创建新对象时自动执行
用于初始化对象属性
如果未定义构造函数方法，JavaScript 会添加空的构造函数方法。
Class 方法
类方法的创建
语法
与对象方法相同。
请使用关键字 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 =
"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.";
|
