分配给对象的Javascript函数无法访问继承的方法

Question

毫无疑问，我在这里做了一些愚蠢的事情，但是下面的代码会导致

error "this.getString is not a function." 

出现这种情况是因为当 unlatedInstance 调用 stringGetter 时，showCombinedStrings() 中的“this”的值为不相关......这实际上看起来很公平，但是如何设置才能使其正常工作？

function BaseStringGetter() {
    this.getString = function () {
        return 'this is from BaseStringGetter';    
    }
}

function DerivedStringGetter() {
    this.showCombinedStrings = function () {
        console.log( 'this is from DerivedStringGetter and... ' + this.getString() );
    }
}
DerivedStringGetter.prototype = new BaseStringGetter();
var stringGetterInstance = new DerivedStringGetter();

function Unrelated() {};
var unrelatedInstance = new Unrelated();
unrelatedInstance.stringGetter = stringGetterInstance.showCombinedStrings;
unrelatedInstance.stringGetter();

Answer 1

一个选项是这样的:

unrelatedInstance.stringGetter =
    stringGetterInstance.showCombinedStrings.bind(stringGetterInstance);
unrelatedInstance.stringGetter();

在这里，您正在使用Function.prototype.bind()使 unlatedInstance.stringGetter() 内部的 this 始终引用 stringGetterInstance。