在ECMAScript 6标准中,JavaScript引入了全新的Class(类)的概念,在JS中可以使用class关键字去创建类了,在ES6之前,是利用构造函数创建对象,现在可以使用class关键字创建类了。
方法/步骤
1
类声明和表达。class是JavaScript新增的语法糖,它也是一个函数,所以可以使用类声明或者类表达式来创建。
2
类的提升。类的声明和函数声明还不太一样,类声明不会被提升到执行上下文的顶部,如图所示的写法,执行时便会报错,但是如果是函数的话,这种写法是不会报错的。
3
类的构造方法。类构造函数方法可以创建初始化对象,但是这里要注意,一个类只能有一个构造方法,如果同时创建多个构造函数,JavaScript会报错,类构造函数需要借助constructor创建构造函数,如图所示。
4
类的静态方法。类的静态方法是用类直接调用的,如果你尝试用类的实例调用它们,则JavaScript将抛出异常,借用关键字static可以创建静态方法。
5
类的原型方法。原型方法指的是任何使用类实例访问的常规方法,如图中getInfo()是Car的原型方法,可以通过实例化对象car1来调用该方法。
6
接下来讨论为什么这些方法可以被继承下来,将之前定义的类方法进行一个类型输出,你会发现这个类其实是个function,所以它和其他函数一样,拥有一个prototype属性,这些常规的方法是类的原型对象的方法,所以这里只是语法糖,可以基于原型的继承而被继承。
上一篇:前端开发之切图