在这篇文章中,我们将简要介绍一下在ECMAScript 2015中引入语言的JavaScript类属性。
ECMAScript 6引入了class关键字来创建JavaScript中的类。现在,您可以使用class属性在JavaScript中创建一个类。在ECMA 6之前,无论何时使用new运算符调用函数,该函数都会返回一个新对象。因此,这个函数是作为一个类来使用的,并被称为构造函数。这种调用函数来返回对象的方式也被称为构造函数调用模式。
但在ECMAScript 6中,可以使用class关键字创建一个类。考虑下面的代码:
class Car { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); }}在上面的代码片段中,您已经创建了一个Car 使用ECMAScript 6 类关键字命名 的类。您也可以创建一个Car类的对象,如下所示:
var car1 = new Car("BMW", 100);car1.getInfo();var car2 = new Car("Audi", 150);car2.getInfo();JavaScript类是通常的基于原型的继承的简化语法。它不提供任何新的对象创建或原型继承方式,并且不会在JavaScript中引入任何面向对象或继承的新模型。你可以说一个类是创建对象的特殊功能。
类声明和表达由于JavaScript中的class属性也是一个函数,所以也可以使用类声明和类表达式来创建。您可以使用类声明创建一个类,如下所示:
class Car { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); }}类也可以使用类表达式来创建。您可以创建有名或无名的类表达式。可以创建一个命名的类表达式,如下所示:
var Car = { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); } toString() { return `${this.maker} costs : ${this.price}`; }}可以创建一个未命名的类表达式,如下所示。给类表达式的名称是类本体的本地名称。
var Car = c { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); } toString() { return `${this.maker} costs : ${this.price}`; }}类的提升如前所述,一个类既可以作为声明又可以作为表达式来创建,但是与函数声明不同,类声明不会被挂起到执行上下文的顶部。考虑下面的代码:
var car1 = new Car("BMW", 10); // Reference Error console.log(car1.toString());class Car { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); } toString() { return `${this.maker} costs : ${this.price}`; }}上面的代码会抛出一个引用错误,因为你在声明它之前试图访问一个类。因此,我们可以总结一个功能声明,而一个类别声明并没有悬挂。
类方法JavaScript类中有三种类型的方法:
构造方法。
静态方法。
原型方法。
类构造函数方法创建一个初始化对象。一个类只能有一个构造方法。如果您尝试创建多个构造函数方法,则JavaScript将引发异常。可以使用关键字构造函数创建构造函数,如下面的代码所示:
class Car { constructor(maker, price) { this.maker = maker; this.price = price; }}JavaScript类的静态方法是用类调用的,而不是用类的特定对象调用的。如果你尝试用类的实例调用它们,JavaScript将会抛出一个异常。使用关键字static可以创建静态方法,如下面的清单所示:
class Car { static count() { console.log("I am static method"); }}Car.count();Car.count();如果你试图用一个实例调用一个静态方法,那么JavaScript会抛出异常,说明这个函数不存在。另外,请记住,JavaScript类没有静态属性或成员。截至目前,它只支持静态方法。
任何使用类实例访问的常规方法都被称为原型方法。这些方法可以继承和使用类的对象。
class Car { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); }}var car1 = new Car("BMW", 10);car1.getInfo();在上面的代码片段中, getInfo() 是Car类的原型方法。正如您所看到的,我们正在使用Car类的实例。既然是原型方法,也可以继承。让我们来探讨为什么这些方法被称为原型方法。首先,考虑下面的代码:
class Car { constructor(maker, price) { this.maker = maker; this.price = price; } getInfo() { console.log(this.maker + " costs : " + this.price); }}console.log(typeof (Car)); // function在这里,我们正在输入一个Car类的类型,并且我们正在获得一个打印的函数的输出。正如你所看到的,这个类只是一个函数类型,所以和其他函数一样,它也有一个prototype属性。这些正常的方法是类的原型对象的方法,因此它们被称为原型方法。他们可以通过坚持基于原型的继承继承。
除了这三种类型的方法之外,JavaScript也有一些叫getter和setter的东西,你可以在这里了解到。
结论在这篇文章中,我们简要介绍了ECMAScript 2015中引入的JavaScript属性。使用class关键字可以创建一个类,但是请记住,这并不会引入新的对象创建或继承方式。相反,对于相同的对象和基于原型的继承,这只是一个更简单的语法。