代码之家 › 专栏 › 技术社区 › Miguerurso

Javascript类继承无法正常工作

inheritance class javascript

Miguerurso · 技术社区 · 3 年前

尝试创建一些Javascript类和父类,但不确定是否正确,但子类中的super()没有正常工作。试图让DivElement中的内容正常工作,但它始终返回未定义的内容。

代码:

 class HTMLElement{
    constructor(tag, content){
        this.tag = tag;
        this.content = content;
    }

    render(){
        return `<${this.tag}>${this.content}</${this.tag}>`;
    }

class DivElement extends HTMLElement{
constructor(content){
    super(content);
    this.tag = 'div';
   }

 }

let div1 = new DivElement('test');
console.log(div1);
console.log(div1.render());

2 回复 | 直到 3 年前

Glycerine 3 年前

超级调用应该与目标方法的签名匹配。应该是 super('div', content); :

class HTMLElement{
    constructor(tag, content){
        this.tag = tag;
        this.content = content;
    }

    render(){
        return `<${this.tag}>${this.content}</${this.tag}>`;
    }
 }

class DivElement extends HTMLElement{
    constructor(content){
    super('div', content);
    this.tag = 'div';
   }

 }

let div1 = new DivElement('test');
console.log(div1);
console.log(div1.render());
// <div>test</div>

Lee Taylor Dejan.S 3 年前

HtmleElement类的构造函数由两个参数(标记和内容)调用。扩展类只使用一个参数调用构造函数,并将内容分配给父类的标记参数。请注意,JS不允许构造函数重载。

看看甘油的答案。

推荐文章

Brendan · Java中从父类继承的对象的ArrayList

2 年前

Bradley Marques · Python在父类静态/类方法中获取子类

2 年前

Tali · 继承-您应该使用基类,还是它们只是子类的框架?

2 年前

mask2 · 如何轻松访问继承类的功能?

2 年前

Vance Brockberg · 使用标记接口在Java中实现伪枚举继承

3 年前

Dimon · 父类中的Setter,以及一些没有参数的子类

3 年前

Miguerurso · Javascript类继承无法正常工作

3 年前

GuessMe · 返回新类对象的正确方法(也可以扩展)

3 年前

Daniel Lizik · 重写父类构造函数的子类成员初始值设定项

3 年前

i_know_what · 以基类作为参数重写错误的方法

3 年前