命名空间的回调函数

Question

我有以下情形

然后，我有功能，检查下列条件：

var callback = $input.data('callback'); 
if(callback){ 
    // I want to do something like this: 
    window[callback].call(this); 

} 

但我不能这样做，因为命名空间的。这种情况下的最佳做法是什么？在"."

Answer 1

分割，解决每段开头的窗口，并与()调用：

foo = { 
 
    bar: { 
 
    baz: function() { 
 
     console.log("foo.bar.baz()"); 
 
    } 
 
    } 
 
}; 
 

 
"foo.bar.baz".split(".").reduce((o, n) => o[n], window)();

_{注：为简单起见，我用Array.prototype. reduce()。对于较旧的浏览器，有一个polyfill可用。}

Answer 2

window.foo = { 
    bar: function() { 
     alert(this.val); 
    }, 
    val: "foobar!" 
} 

var callback = "foo.bar"; 

if (callback) { 
    var segments = callback.split('.'), 
     context = window; 
    for (var i = 0; i < segments.length-1; i++) { 
     context = context[segments[i]]; 
    } 
    context[segments[i]](); 
}​