JavaScript 中 eval 的替代方案是什么？

Question

我有一些代码看起来像这样：

function StrippedExample(i1, i2, i3, i4, i5, i6, i7, i8) {
    this.i = [];
    for (var i=1,j=0 ;i<9;i++) {
        var k = eval("i"+i);
        if (k > 0) {
            this.i[j++] = k;
        }
    }
}

FireBug profiler 声称第二长的函数是 eval()，占用了近 6% 的运行时间。

每个人都说 eval 是邪恶的（就像 bad 一样）而且很慢（正如我发现的），但我真的不能做任何其他事情 - 服务器只是将数据从数据库中取出并推送到浏览器。

我有什么替代方案？我可以做与我在服务器上所做的相同的事情，但这只会将负担转移到更高的链条上。我无法更改数据库布局，因为所有内容都与这 8 个变量挂钩，并且是一项艰巨的任务。

Answer 1

1. 使用一个参数（一个数组）调用函数
2. 使用 arguments 对象

Answer 2

将数组而不是单个参数传递给函数的一种替代方法是：

StrippedExample([3, 1, 4, 1, 5, 9, 2, 6])

那么您的代码将是：

function StrippedExample(inArray) {
    this.i = [];
    for (var i=0,j=0 ;i<inArray.length;i++) {
        var k = inArray[i];
        if (k > 0) {
            this.i[j++] = k;
        }
    }
}

如果您确实需要传递单独的参数，您可以使用 arguments 数组，这是一个行为类似于数组的对象（尽管它不是真正的数组；不是所有数组方法都对其起作用），公开已传递给函数的所有参数；在这种情况下甚至不需要声明它们，但是包含注释以指示您期望代码的用户使用哪种类型的参数是一种很好的形式：

function StrippedExample(/*i1, i2, i3, i4, i5, i6, i7, i8*/) {
    this.i = [];
    for (var i=0,j=0 ;i<arguments.length;i++) {
        var k = arguments[i];
        if (k > 0) {
            this.i[j++] = k;
        }
    }
}

如果保证只有 8 个元素，那么您可以使用 < code>8 代替 inArray.length 或 arguments.length；我决定在我的示例中使用更通用的版本，以防对您有帮助。

Answer 3

该代码应该使用每个 Javascript 函数都可以访问的 arguments 数组。

这并不是说 eval 是邪恶（它是在 Lisp 中，所以它一定是好），它只是一个 hack 的标志 - 你需要一些东西来工作，而你强迫它。它向我尖叫着“作者放弃了良好的编程设计，只是找到了一些有用的东西”。

Answer 4

function StrippedExample() {

    this.i = [];
    for (var i=1,j=0 ;i<arguments.length;i++) {
        var k = arguments[i];
        if (k > 0) {
            this.i[j++] = k;
        }
    }
}

Answer 5

1. 简短的回答：

StrippedExample=(...a)=>a.filter(i=>i>0);

根本不需要使用 eval 来处理参数。

2. 初始代码和大多数建议的解决方案不会以传统方式返回结果。

Answer 6

鉴于变量的数量是固定的，您可以手动构建它们的数组并循环遍历它。但是，如果您有可变数量的参数，则将变量作为数组传递给函数的一种方法是：

var args = Array.prototype.slice.call(arguments.callee.caller.arguments);

您的函数将如下所示：

function StrippedExample() {
    var args = Array.prototype.slice.call(arguments.callee.caller.arguments);
    for(var i in args) {
        if (args[i] > 0) {
            this.i[j++] = args[i];
        }
    }
}

Answer 7

一定要尝试将此作为替代品。
我一直在寻找这个答案并来到这篇文章。
我阅读了开发人员文档，这在我的应用程序中作为直接替代

var func1 = "stringtxt" + object  + "stringtxt";


instead of --->    eval(func1);    --> use -->   Function(func1)(); 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval#Never_use_eval！

Answer 8

您还可以使用 setTimeout 运行字符串表达式。它的工作原理与 Function 对象相同。

let a=10;
window.a=100;
window.b=1;
setTimeout("let c=1000;console.log(a,b,c)");//10,1,1000

Answer 9

function StrippedExample(i1, i2, i3, i4, i5, i6, i7, i8) {
    var args = [i1, i2, i3, i4, i5, i6, i7, i8]; // put values in an array
    this.i = [];
    for (var i=0,j=0 ;i<8;i++) { // now i goes from 0-7 also
        var k = args[i]; // get values out
        if (k > 0) {
            this.i[j++] = k;
        }
    }
}

上面的代码可以进一步简化，我只是做了最小的改变来摆脱eval。你可以去掉j，例如：

function StrippedExample(i1, i2, i3, i4, i5, i6, i7, i8) {
    var args = [i1, i2, i3, i4, i5, i6, i7, i8];
    this.i = [];
    for (var i = 0; i < args.length; i++) {
        var k = args[i];
        if (k > 0) { this.i.push(k); }
    }
}

是等价的。或者，使用内置的 arguments 对象（以避免参数列表出现在两个位置）：

function StrippedExample(i1, i2, i3, i4, i5, i6, i7, i8) {
    this.i = [];
    for (var i = 1; i < arguments.length; i++) {
        var k = arguments[i];
        if (k > 0) { this.i.push(k); }
    }
}

即使您没有过滤列表，您也不想执行类似 的操作>this.i = Arguments 因为 arguments 不是真正的数组；它有一个您不需要的 callee 属性，并且缺少 i 中可能需要的一些数组方法。正如其他人指出的那样，如果您想快速将 arguments 对象转换为数组，可以使用以下表达式来实现：

Array.prototype.slice.call(arguments)

您可以使用它来代替 var args = [i1, i2 ... 行上面。

Answer 10

评估替代方案：

let exp = '1 + 1'
let x = new Function('return ' + exp)()
console.log(x)

Answer 11

您只需从函数的 8 个参数创建一个数组，删除小于或等于 0 的参数。

以下代码是等效的，它适用于任意数量的参数：

function StrippedExample() {
  var args = [];

  for (var i = 0; i < arguments.length; i++) {
    if (arguments[i] > 0) {
      args.push(arguments[i]);
    }
  }
  //...
}