javascript - 从 Ember 的内部函数访问 View 函数

Question

我的 ember 应用程序中的一个 View 具有以下结构

export default Ember.View.extend({
    didInsertElement: function() {
        window.onload = function() {
            chrome.gcm.onMessage.addListener(function(message) {
                receiveGCM(message);
            });
        }
    },
    receiveGCM: function(message){
        console.log(message);
        //type check here
        //Then call necessary data insertion module
        //Or call the notification module
    }
});

这会引发错误gcm.onMessage 的事件处理程序中出现错误:ReferenceError:receiveGCM 未定义

使用 this 对象调用 receiveGCM(message) 并不能解决问题。引用了错误的 this 对象。我尝试使用bind(this)。但这没有帮助。

如何从 chrome 监听器方法调用 receiveGCM()？

Answer 1

该对象的递归绑定(bind)解决了问题。

window.onload = function() {
            chrome.gcm.onMessage.addListener(function(message) {
                this.receiveGCM(message);
            }.bind(this));
        }.bind(this)

但这限制了 chrome 的 this 对象在监听器中的使用。只要不使用，该解决方案就可以工作。