用于运行远程代码的 eval 的替代方案

Question

是否有任何替代方法可以使用 eval 立即运行远程&可信的 JavaScript 代码。

function load(filePath) {
    var o = $.ajax({
        url: filePath,
        dataType: 'html',
        async: false 
    }); 

    eval(o.responseText);
}

load("somePath");
// run a function that relies on the code from o.responseText being loaded
doSomethingWithCode();

我知道不建议同步加载 javascript。但如果别无选择，是否有任何跨浏览器替代方案可以使用上面的 eval。

[编辑]

更详细地阐明正在加载的代码是一个自执行函数。需要在 doSomethingWidthCode 之前执行。它也是从同一域上的服务器加载的，因此它是可信的。

Answer 1

动态脚本文本插入是 eval 的唯一替代方案。

var head    = document.getElementsByTagName('head')[0] || document.documentElement,
    nscr    = document.createElement('script');

    nscr.type           = 'text/javascript';
    nscr.textContent    = o.responseText;
    nscr.setAttribute('name', 'dynamically inserted');
    nscr.onload         = nscr.onreadystatechange = function() {
              if( nscr.readyState ) {
                   if( nscr.readyState === 'complete' || scr.readyState === 'loaded' ) {
                      nscr.onreadystatechange = null;
                       doSomethingWithCode();
              }
              else {
                  doSomethingWithCode();
              }
    };

    head.insertBefore(nscr, head.firstChild);

唯一需要提及的是：textContent 在 InternetExplorers 中不可用。您需要使用 .text 代替，因此对此进行一些检测即可使其跨浏览器兼容。

编辑

要使同步加载动态脚本标记，您可以添加nscr.async = true;。无论如何，这只适用于最先进的浏览器。

Answer 2

在这种情况下我会使用 JSONP。 Raymond Camden 提供了精彩介绍这个概念。

在这种情况下使用 JSONP 的快速示例位于 http://playground.itcouldbe9.com/syncjsonp/。

Answer 3

您可以将返回的代码封装在函数内，并在请求完成时执行该函数。例如，这是您的远程代码：

function hi(){alert('hi');}

然后当您的请求完成时，您可以将该代码注入到 javascript 标记中，然后调用函数 hi()

Answer 4

为什么不使用回调？

eval('(function(){' + o.responseText + ';})(); doSomethingWithCode();')

编辑：

好的，然后尝试这个：

var o = $.ajax({
    url: filePath,
    dataType: 'html',
    async: false
    success: function(responseText){
        eval('(function(){' + responseText + '})()');
        doSomethingWithCode();
    });
}); 

我认为剩下的唯一选择是轮询：

(function(){
    if (o.responeText)
        doSomethingWithCode();
    else 
        setTimeout(arguments.callee, 13);
})();