前言
传统面向对象的编程序语言都是【类】的概念,对象都是由类创建出来,然而早期 JavaScript 中是没有类的,面向对象大多都是基于构造函数和原型实现的,但是 ECMAScript 6 规范开始增加了【类】相关的语法,使得 JavaScript 中的面向对象实现方式更加标准。
一、类是什么
class(类)是 ECMAScript 6 中新增的关键字,专门用于创建类的,类可被用于实现逻辑的封装。
二、使用步骤
1.封装
代码如下(示例):
<script> // 创建类 class Person { // 此处编写封装逻辑 } // 实例化 let p1 = new Person(); console.log(p1); </script>
2.实例成员
代码如下(示例):
<script> // 创建类 class Person { // 实例属性 name = '小明'; // 实例方法 sleep () { console.log('sleeping...') } sayHi(){ console.log('hi') } } // 实例化 let p1 = new Person(); p1.sayHi(); </script>
3.类的继承:
1.extends
2.super
在继承的过程中子类中 constructor
中必须调 super
函数,否则会有语法错误
子类构造函数中的 super
函数的作用是可以将子类实例化时获得的参数传入父类的构造函数之中。