Question

我正在使用history.js。在pushState函数的stateObj中，我想添加对函数（Car.init()或Boat.init()的引用。在C ++中，我相信我可以使用函数指针。

然后在window.onpopstate上，我想引用该函数并调用它。我可以读取字符串（Car.init()，但是如何调用该函数？我不想使用eval。

Answer 1

你可能不应该，但是如果你想根据全局虚线路径名调用一个函数，可以像这样完成：

function callFunction(name, var_args) {
  // break the string into individual property/method names
  var parts = name.split('.');

  // start with a reference to the global object
  var target = window;
  var previousTarget = null;

  for (var i = 0; i < parts.length; i++) {
    // keep a copy of the previous reference to use as the `this` value
    previousTarget = target;

    // change the reference to the next named property
    target = target[parts[i]];
  }

  // grab the remaining arguments
  var args = Array.prototype.slice.call(arguments, 1);

  // call the target function, with previousTarget as the subject, using args
  return target.apply(previousTarget, args);
}

// This is in the top-level/global scope. This won't work for a local definition.
var MyApp = {
  currentUser: {
    name: 'Joe',
    displayName: function(greeting) {
      alert(greeting + " ," + this.name + "!");
    }
  },
  openBar: function() {
    alert("The Foo Bar is now open for business!");
  }
};

var functionName = 'MyApp.currentUser.displayName';
callFunction(functionName, "Hello");

这比使用eval更安全（很好地避免使用它），但仍然非常古怪，并且JavaScript解释器很难进行优化。相反，推荐的方法是使用函数的引用（指针）。这可能类似于你在C ++中所做的。如果该函数不使用this（即，如果它是静态函数，而不是方法），则可以直接引用该函数。

var open = MyApp.openBar;
open();

如果它具有this值，则您需要使用.bind()方法来保留其与附加对象的关联。

var display = MyApp.currentUser.displayName.bind(MyApp.currentUser);
display("Greetings");

如果您将其他参数传递给.bind()，您还可以指定将用于调用该函数的前导参数。

var displayHello = MyApp.currentUser.displayName.bind(MyApp.currentUser, "Hello");
displayHello();

对象文字的调用函数，由字符串 - JavaScript表示

1 个答案: