如何調用基類方法而不是擴展類方法

Question

在下面的示例中，我如何直接從Base.bar()調用Base.foo()，我明白爲什麼它首先調用Test.foo()，但有什麼辦法可以防止這種情況。

class Base { 
    constructor() { 
     console.log('Base constructor') 
    } 

    foo() { 
     console.log('Base foo') 
    } 

    bar() { 
    console.log('Base bar') 

    this.foo(); 
    } 
} 

class Test extends Base { 
    foo() { 
    console.log('Test foo'); 

    super.foo(); 
    } 
    bar() { 
    console.log('Test bar'); 

    super.bar(); 
    } 
} 

const test = new Test(); 
test.bar(); 

輸出將是：

Base constructor 
Test bar 
Base bar 
Test foo 
Base foo 

我的預期輸出是：

Base constructor 
Test bar 
Base bar 
Base foo 

Answer 1

您可以在使用ES2015類使用標準的JavaScript功能。在這種情況下，只需使用Function.prototype.call()：

'use strict' 
 
class Base { 
 
    constructor() { 
 
     console.log('Base constructor') 
 
    } 
 

 
    foo() { 
 
     console.log('Base foo') 
 
    } 
 

 
    bar() { 
 
    console.log('Base bar') 
 

 
    Base.prototype.foo.call(this); 
 
    } 
 
} 
 

 
class Test extends Base { 
 
    foo() { 
 
    console.log('Test foo'); 
 

 
    super.foo(); 
 
    } 
 
    bar() { 
 
    console.log('Test bar'); 
 

 
    super.bar(); 
 
    } 
 
} 
 

 
const test = new Test(); 
 
test.bar();