将字符串解析为javascript中的条件？

Question

我有一个包含一些条件的字符串，例如：

var str = "this.demoModel.active == '1' && this.demoModel.span > 5 || ..."

javascript 中是否有直接的方法来解析它们，以便它们像一组条件一样工作。类似的东西：

if (JSON.parse(str) {})。 ??

Answer 1

一般来说，您应该尽量避免陷入这种情况：如果可能，应该避免将 JavaScript 存储在字符串中以供以后评估。根据您的实际情况，您可以考虑以下选项：

1。使用模板文字：

它们在实际使用中受到限制，因为它们与使用它们的脚本一起解析，但they are also safe：

var str =  `${this.demoModel.active == '1' && this.demoModel.span > 5}`;

分配此字符串后，它将立即评估其中的${ } 部分。

因此，如果评估可以立即发生，这只是一种解决方案，因为您不能将其存储在字符串中，然后期望稍后触发评估。

所以它与：

var bool = this.demoModel.active == '1' && this.demoModel.span > 5;

2。通过回调延迟评估

解决方法可能是定义一个评估模板文字或表达式的函数，如下所示：

var rule = function() { 
    return this.demoModel.active == '1' && this.demoModel.span > 5;
};

...您可以传递该函数，例如作为回调：

doSomething(rule);

...然后 doSomething 可以这样调用它，绑定上下文，以便 this 具有适当的值：

function doSomething(rule) {
    if (rule.call(this)) console.log('rule passed');
}

3。嵌套对象数据结构

另一种选择是为表达式创建一个对象结构，例如：

var rules = [
    [{ // AND conditions:
        "field": "active",
        "compare": "eq",
        "target": 1
    }, {
        "field": "span",
        "compare": "gt",
        "target": 5
    }], // Next array will be OR'ed
    [{
        "field": "...."
        "compare": "..",
        "target": ...
    }]
}];

这是一个嵌套数组，其中顶层的规则必须被 OR'ed 在一起，而内层将被 AND'ed 在一起。

然后编写一个函数来处理这个结构。 compare 名称可以映射到代码中的函数，如下所示：

const comparators = {
    "eq": (a, b) = a === b,
    "gt": (a, b) = a > b
};

所以要评估 rules 数组中的一个对象，你可以使用这个：

execute: (obj) => comparators[this.demoModel[obj.compare]] // get the function
    (this.demoModel[obj.field], obj.target) // pass arguments

这个 rules 结构可以很容易地保存和加载为 JSON 字符串。

Answer 2

有，但使用它们通常是最后的手段：eval 和 Function 构造函数。 eval 在调用 eval 的上下文中从字符串输入运行代码。 Function 构造函数从字符串创建一个函数。自然，在这两种情况下，这意味着您必须信任字符串的来源，因为它可以包含任意代码，并且您很乐意在代码的上下文中运行它。因此，例如，您不会从用户 A 获取一个字符串，然后在用户 B 的浏览器中运行它——这会使用户 B 对用户 A 的攻击敞开大门。（对于“浏览器”替换“会话”或其他任何内容，问题在 Node 等环境中的服务器端和在浏览器中的客户端一样真实——也许更是如此。）

如果您接受来自用户的字符串并在他们自己的浏览器/会话/上下文中运行它，那很好。

这是一个例子：

function Foo() {
  this.demoModel = {
    active: "1",
    span: 7
  };
}
Foo.prototype.run = function(str) {
  if (eval(str)) {
    console.log("Yes");
  } else {
    console.log("No");
  }
};
var f = new Foo();
f.run("this.demoModel.active == '1' && this.demoModel.span > 5");
f.run("this.demoModel.active == '0' && this.demoModel.span < 5");

你也可以使用Function构造函数，然后用正确的this调用它：

function Foo() {
  this.demoModel = {
    active: "1",
    span: 7
  };
}
Foo.prototype.run = function(str) {
  var testfunc = new Function("return " + str);
  if (testfunc.call(this)) {
    console.log("Yes");
  } else {
    console.log("No");
  }
};
var f = new Foo();
f.run("this.demoModel.active == '1' && this.demoModel.span > 5");
f.run("this.demoModel.active == '0' && this.demoModel.span < 5");

如果您必须这样做，请尽可能使用Function 构造函数而不是eval，因为它无法访问您使用它的范围内的所有内容，但它们都是您需要警惕的强大工具。

Answer 3

您可以使用 'eval' 或 'Function' 但正如 on MDN 所述

不要不必要地使用 eval ！ - eval() 是一个危险的函数，它以调用者的权限执行它传递的代码。如果您使用可能受到恶意方影响的字符串运行 eval()，您最终可能会在具有您网页/扩展程序权限的用户计算机上运行恶意代码。更重要的是，第三方代码可以看到 eval() 被调用的范围，这可能导致类似 Function 不易受到的攻击。

if(new Function("CONDITON_STRING")()){
 //Answer
};

Answer 4

尝试以下方法：

var str =  'true && true';
var str2 =  'true && false';
function strEval(fn) {
  return new Function('return ' + fn)();
}
var conditionTrue = strEval(str);
var conditionFalse = strEval(str2)
if(conditionTrue)
{
    console.log(conditionTrue)
}
if(!conditionFalse)
{
    console.log(conditionFalse)
}

Answer 5

使用 eval 方法将字符串转换为命令。

var cond = 'd === 1';
var d = 0;

if (eval(cond)) { console.log('1'); } else { console.log('2'); }    // output: 2
d = 1;
if (eval(cond)) { console.log('1'); } else { console.log('2'); }    // output: 1