Javascript-从名称空间回调函数问题？

Question

var myNamespace = {
    dateController: {}
};

myNamespace.dateController = function(callback) {
    this.callbackfunction = callback;
    try {
        [this.callbackfunction]();
    } catch (e) {
        alert(e);
    }
};

function displayDate() {
    alert("displayDate");
    myNamespace.dateController("displayDateFromController");
};

function displayDateFromController() {
    alert("In displayDateFromController");
};    

这段代码给了我TypeError: ["displayDateFromController"] is not a function错误。 什么可能是根本原因，也可能是此问题的解决方案。

为什么dateController无法确定displayDateFromController的功能。

我已经在http://www.w3schools.com/js/tryit.asp?filename=tryjs_events上厌倦了

Answer 1

您需要将实际函数传递给datecontroller方法，而不是String 。

var myNamespace = {
    dateController: {}
};

myNamespace.dateController = function (callback)
{
 this.callbackfunction = callback;
 try{
    //remove [] surrounding function
    this.callbackfunction();
    }
    catch(e)
    {
      alert(e);
    }
};

//Declare this method prior to displayDate
function displayDateFromController()
{
    alert("In displayDateFromController");
};

function displayDate()
{
    alert("displayDate");
    //Pass function instead of string
    myNamespace.dateController(displayDateFromController); 
};

displayDate();

工作示例： http : //jsfiddle.net/RDMHV/

如果仍然需要String的灵活性：

var myNamespace = {
    dateController: {}
};

myNamespace.dateController = function (callback)
{
 this.callbackfunction = this[callback];
 try{
    this.callbackfunction();
    }
    catch(e)
    {
      alert(e);
    }
};

myNamespace.displayDateFromController = function(){
   alert("In displayDateFromController");
};

function displayDate()
{
    alert("displayDate");
    myNamespace.dateController("displayDateFromController");
};

displayDate();

工作示例 http://jsfiddle.net/RDMHV/1/

Answer 2

您必须删除通话周围的括号：

try{
    this.callbackfunction();
}
catch(e)
{
    alert(e);
}

并传递不带引号的函数：

function displayDate()
{
    alert("displayDate");
    myNamespace.dateController(displayDateFromController);
 };