JavaScript中super(props)在函数继承中扮演什么关键角色？

本文共计1813个文字，预计阅读时间需要8分钟。

我听说Hooks最近很火。关于批判的，我想用一些关于class组件的有趣故事来开始这篇文章。你感觉如何？这些坑对你来说，在通常使用React时并不是很重要。但假如你想更深入地了解呢？

我听说 Hooks 最近很火。讽刺的是，我想用一些关于 class 组件的有趣故事来开始这篇文章。你觉得如何？

本文中这些坑对于你正常使用 React 并不是很重要。 但是假如你想更深入的了解它的运作方式，就会发现实际上它们很有趣。

开始第一个。

首先在我的职业生涯中写过的super(props) 自己都记不清：

class Checkbox extends React.Component { constructor(props) { super(props); this.state = { isOn: true }; } // ... }

当然，在类字段提案 （class fields proposal） 中建议让我们跳过这个开头：

class Checkbox extends React.Component { state = { isOn: true }; // ... }

在2015年 React 0.13 增加对普通类的支持时，曾经打算用这样的语法。定义constructor和调用super(props) 始终是一个临时的解决方案，可能要等到类字段能够提供在工程学上不那么反人类的替代方案。