javascript:如何访问正确的上下文

Question

我需要编写如下所示的 Javascript 代码。问题是我无法从 _notifHandlers.typeA、_notifHandlers.typeB 或 _notifHandlers.typeGeneric 中访问“this”(它应该指向第 1 行的“obj”) 。

我知道我可以将“this”作为参数传递给这些函数并使用它来访问正确的上下文。但还有更好的办法吗？

var obj = {
    handleNotification : function(managedObj) {

        if (this._notifHandlers.hasOwnProperty(managedObj.id)) {
            this._notifHandlers[managedObj.id](managedObj);
        } else {
            this._notifHandlers.typeGeneric(managedObj);
        }

    },

    _notifHandlers : {
        typeA : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "modelA"; // TODO:
            this.showUI(managedObj, model);
        },
        typeB : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "modelB"; // TODO:
            this.showUI(managedObj, model);
        },
        typeGeneric : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "typeGeneric"; // TODO:
            this.showUI(managedObj, model);
        }
    },

    showUI : function(managedObj, model) {
        // TODO:
        console.log("In showUI(): model -> " + model)
    }
}

var managedObject = {
    id : "typeB"
}

obj.handleNotification(managedObject);

Answer 1

使用call方法

工作 fiddle https://jsfiddle.net/andreitodorut/an15zkja/

var obj = {
    handleNotification : function(managedObj) {

        if (this._notifHandlers.hasOwnProperty(managedObj.id)) {
            this._notifHandlers[managedObj.id].call(this,managedObj);
        } else {
            this._notifHandlers.typeGeneric.call(this,managedObj);
        }

    },

    _notifHandlers : {
        typeA : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "modelA"; // TODO:
            this.showUI(managedObj, model);
        },
        typeB : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "modelB"; // TODO:
            this.showUI(managedObj, model);
        },
        typeGeneric : function(managedObj) {
            console.info("_notifHandlers " + managedObj.id + " selected.");
            var model = "typeGeneric"; // TODO:
            this.showUI(managedObj, model);
        }
    },

    showUI : function(managedObj, model) {
        // TODO:
        console.log("In showUI(): model -> " + model)
    }
}

var managedObject = {
    id : "typeB"
}

obj.handleNotification.call(obj,managedObject);