Function-binding 在 javascript 中使用 super 关键字

Question

我想从绑定函数中调用“super”。

这是我的用例：我有很多 child 类来自不同的 parents。我想将相同的功能绑定到所有这些功能（而不是复制粘贴它）。该函数需要调用同一函数的“超级”版本。

示例：

class Parent {
    func() {
        console.log("string1");
    }
}

function boundFunc() {
    super.func();
    console.log(this.string2);
}

class Child extends Parent {
    constructor() {
        super();
        this.string2 = "string2"
        this.func = boundFunc.bind(this);
    }
}

const child = new Child();
child.func();

我想得到结果：

string1 
string2

我得到了这个结果（毫不奇怪，我今天）：

"SyntaxError: 'super' keyword unexpected here".

我尝试将超级函数作为参数传递给绑定。像这样：

function bindedFunc(thisArg, oriFunc) {
    oriFunc();
    console.log(this.string2);
}

class Child extends Parent {
    constructor() {
        super();
        this.string2 = "string2"
        this.func = bindedFunc.bind(this, super.func);
    }
}

结果（oriFunc恰好未定义）：

TypeError: oriFunc is not a function

有什么解决办法吗？谢谢

Answer 1

您可以使用 Object.getPrototypeOf 两次而不是 super：一次从实例导航到其内部原型（即 Child.prototype），一次从该实例导航到其内部原型（即Parent.prototype）：

class Parent {
    func() {
        console.log("string1");
    }
}

function boundFunc() {
    Object.getPrototypeOf(Object.getPrototypeOf(this)).func();
    console.log(this.string2);
}

class Child extends Parent {
    constructor() {
        super();
        this.string2 = "string2"
        this.func = boundFunc.bind(this);
    }
}

const child = new Child();
child.func();

Function-binding 在 javascript 中使用 super 关键字

Function-binding with super keyword in javascript

javascript

super

function-binding