javascript - 有没有办法在没有 eval() 的情况下操作包含的 JS？

Question

我知道很多人认为“eval 是邪恶的”，但我必须完成一些事情，但我不知道如何在没有 eval() 的情况下完成它。

情况是这样的:一个外部文件(我无法控制它——编辑:但它不是用户生成的。它来自可信来源!我认为这很重要)正在吐出 JavaScript 供我使用。这个 JavaScript 包含一些不错的 JSON 数据(这是我需要得到的)，但它的两侧是声明变量和调用函数等的普通 JavaScript 语句。它看起来有点像这样:

var foo = new Object();
foo['KEY'] = {Field1: 'Value1', Field2: 'Value2'};
eval('fooFunction(foo)');

如果我 eval() 这个，我可以解析 foo['KEY'] 并完成它。我想在没有 eval() 的情况下做到这一点的唯一方法是使用一堆烦人的 replace()ments，这似乎并不好。我是否缺少一些明显的方法来做到这一点？我通常看到的大多数“您不必使用 eval()”替代方案都假设我可以完全控制所有内容，但在这种情况下，我必须解决现有代码。

编辑:我应该补充一点，这段代码是通过代理脚本(跨域的东西)的 AJAX 调用获得的，因此没有一个变量是可访问的。如果是的话，我显然就能解析 foo['KEY'] 并乐在其中。

第二次编辑:还没有定论!我已经危险地接近于得出 eval() 是正确方法的结论。你能忍受这个结果吗？我即将屈服于 evil()。有人阻止我，因为它看起来是唯一的方法。

Answer 1

外部代码最好发回有效的 JSON。您的示例中的值不是有效的 JSON，因为键必须用双引号引起来。

我想出了一个小型的纯 JavaScript 解析器，它可以通过自己添加双引号来处理简单的无效 JSON。它目前不支持非字符串值。

function ParseRawJSON(rawCode) {
    var arrCandidates = [];
    var lastOpenBracketIndex = -1;
    for (var i = 0; i < rawCode.length; i++) {
        var curChar = rawCode.charAt(i);
        if (curChar === "}") {
            if (lastOpenBracketIndex >= 0) {
                arrCandidates.push(rawCode.substr(lastOpenBracketIndex, i - lastOpenBracketIndex + 1));
                lastOpenBracketIndex = -1;
            }
        } else if (curChar === "{") {
            lastOpenBracketIndex = i;
        }
    }

    var arrJsonObjects = [];
    for (var i = 0; i < arrCandidates.length; i++) {
        var currentJSON = null;
        try {
            currentJSON = JSON.parse(arrCandidates[i]);
        } catch (e) {
            //try fixing
            var fixedCandidate = TryFixJSON(arrCandidates[i]);
            if (fixedCandidate) {
                try {
                    currentJSON = JSON.parse(fixedCandidate);
                } catch (e) {
                    currentJSON = null;
                }
            }
        }
        if (currentJSON != null) {
            var keys = [];
            for (var key in currentJSON)
                keys.push(key);
            if (keys.length > 0)
                arrJsonObjects.push(currentJSON);
        }
    }
    return arrJsonObjects;

    function Trim(s, c) {
        if (c instanceof Array) {
            for (var i = 0; i < c.length; i++)
                s = Trim(s, c[i]);
            return s;
        }
        if (typeof c === "undefined")
            c = " ";
        while (s.length > 0 && s.charAt(0) === c)
            s = s.substr(1, s.length - 1);
        while (s.length > 0 && s.charAt(s.length - 1) === c)
            s = s.substr(0, s.length - 1);
        return s;
    }

    function TryFixJSON(strBlock) {
        if (strBlock.indexOf(":") <= 0)
            return false;
        strBlock = strBlock.replace("{", "").replace("}", "");
        var mainParts = strBlock.split(",");
        for (var i = 0; i < mainParts.length; i++) {
            var currentPart = Trim(mainParts[i]);
            if (currentPart.indexOf(":") <= 0)
                return false;
            var subParts = currentPart.split(":");
            if (subParts.length !== 2)
                return false;
            var currentKey = Trim(subParts[0], [" ", "'", "\""]);
            var currentValue = Trim(subParts[1], [" ", "'", "\""]);
            if (currentKey.length === 0)
                return false;
            subParts[0] = "\"" + currentKey + "\"";
            subParts[1] = "\"" + currentValue + "\"";
            mainParts[i] = subParts.join(":");
        }
        return "{" + mainParts.join(", ") + "}";
    }
}

这将只查找 { 和 } 之间的任何内容，并尝试解析为 JSON。没有评估，如果失败，它只会忽略无效 block 。成功？很好，它将返回它找到的有效 JSON 的纯数组。

使用示例:

var rawCode = "var foo = new Object(); { dummy here }}} function boo() {}" + 
"foo['KEY'] = { \"Field1\": \"Value1\", \"Field2\": \"Value2\"}; hello {\"foo\": \"bar\"} and it's over ";
var jsonObjects = ParseRawJSON(rawCode);
for (var i = 0; i < jsonObjects.length; i++) {
    for (var key in jsonObjects[i]) {
        var value = jsonObjects[i][key];
        //got key and value...
    }
}

Live test case ，使用示例代码的固定版本。