Question

我正在为JS游戏创建AI引擎，它由有限状态机构成。我正在从XML加载状态数和它们的变量值。我也想加载行为，因为我没有时间创建脚本语言，我认为将JS代码“插入”外部文件（在XML节点内）并在上面执行它是个好主意。需求。

像这样的东西

<evilguy1>
    <behaviour>
        this.x++;
    </behaviour>
    <behaviour>
        this.y++;
    </behaviour>
</evilguy1>

这样的事情：

function behaviour_1(){
    this.x++;
}
function behaviour_2(){
    this.y++;
}

我的问题是，现在我已经加载了代码，我该如何执行它？我想为每个代码'node'创建一个具有唯一名称的函数，然后从游戏逻辑中调用它们，但我不知道这是否可行（因为你可以从HTML加载更多的JS代码，你也应该能够从JS代码中做到这一点，没有？）。如果没有，有没有类似的解决方案？提前谢谢！

（PS：外部库依赖性越小越好）

编辑1：

好的，现在我知道如何创建包含代码的函数

window[classname] = function() { ... };

Answer 1

好吧，你可以使用Function构造函数，就像在这个例子中一样：

var f = new Function('name', 'return alert("hello, " + name + "!");');
f('erick');

这样你就可以用参数和body定义一个新函数，并将它赋值给变量f。您可以使用哈希集并存储许多函数：

var fs = [];
fs['f1'] = new Function('name', 'return alert("hello, " + name + "!");');
fs['f1']('erick');

加载xml取决于它是在浏览器还是服务器上运行。

Answer 2

扩展关于Function构造函数的Ericks答案。

Function构造函数创建一个匿名函数，在运行时错误将为调用堆栈中的每个函数（使用Function创建）打印出匿名函数。这可能会使调试变得更难。

通过使用实用程序功能，您可以动态命名您创建的功能并绕过这种困境。此示例还将函数数组中每个函数的所有主体合并为一个，然后将所有函数作为一个命名函数返回。

const _createFn = function(name, functions, strict=false) {

    var cr = `\n`, a = [ 'return function ' + name + '(p) {' ];

    for(var i=0, j=functions.length; i<j; i++) {
        var str = functions[i].toString();
        var s = str.indexOf(cr) + 1;
        a.push(str.substr(s, str.lastIndexOf(cr) - s));
    }
    if(strict == true) {
        a.splice(1, 0, '\"use strict\";' + cr)
    }
    return new Function(a.join(cr) + cr + '}')();
}

关于Function构造函数的讨论：

由函数表达式定义的函数继承当前函数范围。也就是说，该函数形成一个闭包。另一方面，一个由Function构造函数定义的函数不继承任何范围除了全局范围（所有函数都继承）。

来源：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions#Differences

Answer 3

假设您有一个节点名称数组和一个函数体的并行数组：

var functions = {};
var behaviorsNames = ['behavior1', 'beahvior2'];
var behaviorsBodies = ['this.x++', 'this.y++'];
for (var i = 0; i < behaviors.length; i++){
    functions[behaviors[i]] =  new Function(behaviorsBodies[i]);
}

//run a function
functions.behavior1();

或全局：

var behaviorsNames = ['behavior1', 'beahvior2'];
var behaviorsBodies = ['this.x++', 'this.y++'];
for (var i = 0; i < behaviors.length; i++){
    window[behaviors[i]] = new Function(behaviorsBodies[i]);
}

在JS中动态创建函数

3 个答案: