11、JS | 用class创建类

前节中我们了解了用构造器函数创建类，其实在ECMAScript 2015（也称为 ES6中已经引入了 JavaScript 类，JavaScript 类是 JavaScript 对象的模板。

创建语法如下：

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

比如：

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

上例中定义了一个Car类，该类有两个属性：“name”和“year”

如何实例化该类呢？

和前面章节中介绍的实例化类没有区别。

可以在实例化后再给对象的属性赋值：

function test(){  var myCar = new Car();  myCar.name = "Ford";  myCar.year = 2015;}

也可以在实例化时直接传入参数

function test1(){  var myCar = new Car("Ford",2015);}

给类添加方法，如下：

class Car {  constructor(name, year) {    this.name = name;    this.year = year;  }  age() {    let date = new Date();  //要使用变量，必须声明    return date.getFullYear() - this.year;  }}

测试下：

function test2(){var myCar = new Car("Ford",2016);Console.log("My car is "+myCar.age()+" years old.")}

也可以在定义类时给类中的方法指定参数：

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

测试下：

function test3(){  var myCar = new Car("Ford",2016);  Console.log("My car is "+myCar.age(2022)+" years old.")}

本节先分享到这里，祝大家每天都有进步。