JavaScript学习笔记(散)——继承、构造函数super

时间:2021-09-06 14:38:40

构造函数中的super

今天看《JavaScript设计模式与开发实践》时,在书中看到一段代码出现super语句,第一次看到这个关键字,所以上网查了下它的作用,发现这个关键字是来自java,来源不深究,说说它的用途。super主要作用是调用父级的构造函数,但是困惑的是既然是构造函数,说明在声明的时候已经调用了,为什么会出现super来调用?自己敲了段代码加深了理解,上图:

JavaScript学习笔记(散)——继承、构造函数super

这里创建了一个animal类,包含一个构造函数

  接下来创建animal的子类Dog,含有一个speak函数(用于理解继承),

    接着创建ddd类继承自Dog类,ddd中构造函数使用了super参数为 123 。

      然后实例一个Dog叫做dd

现在看看实例dd的时候会发生什么:

JavaScript学习笔记(散)——继承、构造函数super

这时候animal中的console出现了,并且打印了super的参数 123 ,ddd调用到了animal的构造函数。现在把ddd的构造函数注释掉看看效果。

JavaScript学习笔记(散)——继承、构造函数super

现在并没有打印任何东西,不是因为animal的构造函数没被super调用,而是animal中的if判断到qqq并没有实际的值,所以没有打印,为了证实这一点,现在把animal中的if判断去掉。

JavaScript学习笔记(散)——继承、构造函数super

现在打印了undefined,这是由于animal中构造函数参数qqq并没有实际的值传入,所以出现未定义。

现在

首先要注意的是super只能在构造函数中使用。