关于 ts 中继承的问题

This topic created in 1633 days ago, the information mentioned may be changed or developed.

我这块有四个文件，分别是 a ，ap ，b ，bp ，我最开始写的是 b 通过继承调用 a 里面的 init 方法，init 方法里面会调用执行 ap 里面的 drawAll 方法，但是这个时候再 bp 里面重写 drawImgBoxArea 方法的话并不会生效，

    public async init(): Promise<void> {
        await super.init()
        await this.selfPresenter.drawAll()
        this.addListener()
    }

之后我在 bp 里面写了个 drawAll 方法，里面通过 super 继承 b 的 drawAll 方法，再在 b 里调用 bp 的 drawAll ，这个时候重写 drawImgBoxArea 就会生效，

不过我在父类的 drawAll 里面最开始的时候会获取 imgList 然后赋值给 VM_ImgLis 变量，然而这么写的话我重写的 drawImgBoxArea 里面 console.log(this.VM_ImgList)的结果是空，获取不到父类的变量，

    public async drawAll(): Promise<void> {
        await super.drawAll()
    }
    public drawImgBoxArea(){
        console.log(this.VM_ImgList)
    }

我想问下这块是为什么啊。

Supplement 1 · Nov 26, 2021

搞懂了，是调用的时候的 this 指向的问题

2 replies

noe132

Nov 25, 2021 via Android

看了 3 遍没看懂。

你第一次 drawAll 是在 bp 的实例上调用的吗？如果是在 ap 实例上调用，那和 bp 确实没啥关系啊

另外继承重写都是及物动词，需要加个谓语，调用方法是调用实例上的方法，你应该说明是哪个 class 的实例，而不是说那个文件里的方法，b 继承自 a 箭头不应该是 b 指向 a 么？

aglsv

Nov 25, 2021

@noe132 是我这没搞明白，第一次写这种继承类的东西，还是按照老思维在想。
每个文件我只 export default 一个 class ，就想当然的按照文件名字说了。文件名就是我的 class 类名，我这个结构就是在 a 里面实例化 ap ，之后调用，之后的 b 和 bp 都是继承自 class a 和 class ap ，相当于把 a 和 ap 当作基类来看