JS创建类

---

前言

传统面向对象的编程序语言都是【类】的概念，对象都是由类创建出来，然而早期 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 函数的作用是可以将子类实例化时获得的参数传入父类的构造函数之中。

总结

• 关键字 class 封装了所有的实例属性和方法

• 类中封装的并不是变量和函数，因此不能使用关键字 let、const 或 var

• ECMAScript 6 中基于类的面向对象相较于构造函数和原型对象的面向对象本质上是一样的，基于类的语法更为简洁，未来的 JavaScript 中也都会是基于类的语法实现，当前阶段先熟悉基于类的语法，后面课程中会加强基于类语法的实践。