更改此內部對象的行為

Question

我有兩個對象，即

var Parent = { };

var Child = {
    born : function () {
        Parent.beHappy = this.study;
    },

    study : function () {
        console.log("Studying!");
        console.log("Now I'm going to play");
        this.play();
    },

    play : function () {
        console.log("Playing!");
    }
}

現在，我正在做的是

Child.born();
Parent.beHappy();

如您所見， Parent.beHappy()調用child的study方法。 現在我遇到的問題是，在study方法中我不能調用this.play() 。 其原因，為什么會這樣是因為study()被調用的Parent等this在這里指的是Parent ，而不是Child 。 有沒有什么辦法，我可以讓this在study方法始終是指Child ，而不是Parent ？ 我知道我可以在study方法中使用Child.play()使其工作，但我希望在我的代碼中保持一致，並且更喜歡this 。 另外，我可以執行$.proxy(Parent.beHappy, Child)() ，但我不想更改此Parent.beHappy()函數調用，因為它將由最終用戶使用。 我已經嘗試了所有的東西，但現在我已經沒有想法了。 任何建議將受到高度贊賞。

Answer 1

使用.bind() js方法設置上下文：

Parent.beHappy = this.study.bind(this);

或者為了支持更舊的瀏覽器，使用jQuery $ .proxy（）：

Parent.beHappy = $.proxy(this.study, this);

 var Parent = { }; var Child = { born : function () { Parent.beHappy = $.proxy(this.study, this); }, study : function () { snippet.log("Studying!"); console.log("Studying!"); console.log("Now I'm going to play"); snippet.log("Now I'm going to play"); this.play(); }, play : function () { console.log("Playing!"); snippet.log("Playing!"); } } Child.born(); Parent.beHappy(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>