Question

我有一个定义任务的XML文档，该任务是对某些数据执行的操作列表。我需要转换这个＆＃34;任务列表＆＃34;一个Javascript方法，可以在以后调用，然后调用一系列预定义的方法，并使用适当的数据。你会如何实现这个目标？

重要说明：
我并不担心XML解析。我对如何实际构建任务方法更感兴趣，包括将基本数据绑定到预定义的操作方法。这就是我挣扎的部分。

修改：我修改了我的示例，使其更有趣，希望更清晰。

XML：

<task id="enter-castle">
    <if holding="castle-key">
        <print message="You unlock the castle door and enter." />
        <destroy item="castle-key" />
        <goto location="castle" />

        <else>
            <print message="The castle door is locked." />
        </else>
    </if>
</task>

使用Javascript：

Game = {

    print: function(message) {
        // display message
    },

    destroy: function(item) {
        // destroy the object
    },

    goto: function(location) {
        // change player location
    },

    ifHolding: function(item) {
        // return true if player has item
    }
};

parseTask(taskNode) {

    var taskId = taskNode.getAttribute('id');

    // What goes here??

    Game.tasks[taskId] = /* ??? */;
}

当我在parseTask()节点上调用<task id="enter-castle">时，这应创建一个函数，生效，在调用时执行以下操作：

Game.tasks.enterCastle = function() {
    if (Game.ifHolding('castle-key')) {
        Game.print("You unlock the castle door and enter.");
        Game.destroy('castle-key');
        Game.goto('castle');
    } else {
        Game.print("The castle door is locked.");
    }
}

Answer 1

你想要的是closures。

function createMethod(arguments) {
    var task = doSomethingWithYour(arguments);
    return function(xmlData) { // <- this is the fundamental part
        // do the task with your data
        // the "task" vars are still available
        // even if the returned function is executed in a different context
    }
}

这允许您为每个任务创建自己的方法。不要使用Function构造函数或eval。

Answer 2

这种情况JavaScript's eval() function会让您的生活更轻松。您可以轻松地构建与所需源代码匹配的JavaScript源代码字符串，并对其进行评估以将该函数指定给Game对象的所需属性。

当然，使用“eval”有一些缺点，我不会在这个答案中探讨，因为你可以找到无数的理由来解释为什么不在网上使用它。但是，构建和评估简单的JS源代码字符串在短期内将比基于闭包的解决方案更容易，尽管性能和安全性存在任何潜在的缺点。此外，基于“eval”的解决方案很容易测试，因为您可以在评估之前简单地检查源字符串。

所以尝试这样的事情：

function buildTaskFunction(taskXml) {
  var source='', depth=0, node /*a visitor to each DOM node*/;
  // foreach (node in traverseInOrder(taskXml)) {
    switch (node.nodeName) {
      case 'TASK':
        source += 'Game.tasks.' + makeFunctionName(node.id) + '= function(){';
        depth++;
        break;
      case 'IF':
        source += 'if(' + getConditionalAttribute(node) + '){'
        depth++;
        break;
      case 'ELSE':
        source += '}else{';
        break;
      case 'DESTROY':
        source += 'Game.destroy("' + node.getAttribute('item') + '");'
        break;
      case 'PRINT':
        source += 'Game.print("' + node.getAttribute('message') + '");'
        break;
      // case etc...
      default: throw new Error('unhandled node type "' + node.nodeName + '"');
    }
  // end "foreach node".
  while (depth-- > 0) { // You'll need to account for nested "if"s somehow...
    source += '}';
  }
  eval(source);
}

再次，使用“eval”时有很多潜在的问题（不是明确的），所以请阅读并尝试在解决方案的上下文中理解它们。在决定缺点是否值得在您自己的程序中获益时使用您自己的判断 - 仅仅因为工具可能是危险的并不意味着您不应该使用它。

Answer 3

使用dojo的示例：

dojo.require("dojox.xml.parser");

dojo.ready(function(){
  // Parse text and generate an XML DOM
  var xml = "<tnode><node>Some Text</node><node>Some Other Text</node></tnode>";
  var dom = dojox.xml.parser.parse(xml);

  var docNode = dom.documentElement();
  // ...
}

函数的其余部分非常重要，但很大程度上只包含使用['<attribute-name>']的属性查找和使用dojo.forEach(<node>.childNodes, function(childNode) { /* do stuff */ });的子节点迭代

Javascript：如何从字符串数据动态构建方法？

3 个答案: