记录下class中的原型，实例，super之间的关系，构造器中的this指向实例对象，在构造函数上定义的属性和方法相当于定义在类实例上的，而不是原型对象上

this 和 super 都是 Java 中的关键字，都起指代作用，当显示使用它们时，都需要将它们放在方法的首行（否则编译器会报错）。this 表示当前对象，super 用来指代父类对象

JavaScript 语言在ES6中引入了 class 这一个关键字，在学习面试的中，经常会遇到面试官问到谈一下你对 ES6 中class的认识，同时我们的代码中如何去使用这个关键字，使用这个关键字需要注意什么，这篇来总结一下相关知识点。

Class可以通过extends关键字实现继承，这比ES5通过修改原型链实现继承，super关键字既可以当做函数使用，也可以当做对象使用，当做函数使用的时候,代表的是父类的构造函数

据说 Hooks 势头正盛，不过我还是想略带调侃地从 class 的有趣之处开始这篇博客。可还行？这些梗对于使用 React 输出产品并不重要

在ES6版本之前，JavaScript语言并没有传统面向对象语言的class写法，ES6发布之后，Babel迅速跟进，广大开发者也很快喜欢上ES6带来的新的编程体验。当然，在这门“混乱”而又精妙的语言中，许多每天出现我们视野中的东西却常常被我们忽略。

super()相当于Parent.prototype.constructor.call(this)ES5的继承，实质上是先创造子类的实例对象this，然后再将父类的方法添加到this上（Parent.call(this)）. ES6的继承

我听说 Hooks 最近很火。讽刺的是，我想用一些关于 class 组件的有趣故事来开始这篇文章。你觉得如何？本文中这些坑对于你正常使用 React 并不是很重要。 但是假如你想更深入的了解它的运作方式，就会发现实际上它们很有趣。

ES6中继承的子类中，如果使用构造函数constructor()那么就必须使用 super()方法初始化，这样下面才可以调用this关键字。super()只能用在子类的构造函数之中，用在其他地方就会报错。