javascript eval 内在限制？

Question

我有一种情况，我必须在 Javascript 中使用 eval。是的，我知道它是邪恶的，但在这种情况下它是必需的，因为有两个必要条件：

1. Javascript 代码很大。
2. 仅在少数情况下需要对其进行评估（和下载），因此我不希望始终下载脚本，而是按需下载。

有了这些必要条件，我编写了一个 XMLHttpRequest 来请求代码 (600+K)，并且我想立即评估该代码。正如我稍后将展示的，脚本只包含要插入两个变量的数据。问题是评估这个 javascript 总是失败并出现语法错误。如果我逐字输入代码（没有 eval），代码执行得很好。这是最小的例子。我有一个像这样的search.js 文件：

// search.js for functional mind. Generated statically
// from the set of posts.
posts = { 'postlist' : ['<a href="XXX">YYY</a>', 'other link...' ] };
posts_for_word = { 'word1' : [0,1], 'word2' : [Z,K] }; 

最后一个变量posts_for_word 包括包含该词的帖子的索引。当我在 eval 中评估 Javascript 时，问题就来了：

// global environment
var posts = {}; // Initial value, empty
var posts_for_word = {}; // same

function() {
var request = // create XMLHTTPREQUEST request
var response = // obtain response (the javascript)
eval( response ); // <- syntax error
// access posts or posts_for_word
posts.postlist[ posts_for_word['word1'][0] ]
....
}

问题：

1. 当我使用 eval 评估上面显示的 javascript 时，firefox 告诉我它在第一行中的格式不正确。
2. 然后我移除了 cmets。我认为 eval 会评估它，就好像它是一个普通的 Javascript 程序，但它似乎不接受 cmets（为什么？）。
3. 删除 cmets 后，代码可以运行，但 Firefox 的 Javascript 控制台仍然告诉我第一行（定义 JSON 第一个变量）存在语法错误。为什么？

Answer 1

您不应该使用 AJAX 和 eval() 在您的网站上创建脚本，而是创建一个带有文件链接的 <script> 元素并将其附加到正文：

(function() {
    var jsCode = document.createElement('script');
    jsCode.setAttribute('src', 'http://localhost/tests/doStuff.js');
    document.body.appendChild(jsCode);
}());

（这段代码实际上是直接取自我的一个书签，效果很好。）

至于变量作用域，如果你在你的内部文件中将它们声明为var variable，它将覆盖文件作用域并变成全局的。

---

但是，如果您需要同步加载脚本，则必须（尽管这被认为是不好的做法）使用同步 AJAX 调用。如何做到这一点已经写在我面前了，Dynamically loading JavaScript synchronously