javascript - 命名空间回调函数

Question

我有以下情况

然后我有检查以下条件的功能：

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

 }

但由于命名空间，我不能这样做。这种情况的最佳做法是什么？

Answer 1

拆分"."，解析以 window 开头的每个段，然后调用()：

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

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

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

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]]();
}​