javascript - 空 Javascript 函数？这是什么意思？

Question

所以简短的版本，我不明白的是这行代码:

(new Function("paper", "window", "document", cd.value)).call(paper, paper);

长版，看看这些函数:

window.onload = function () {
            var paper = Raphael("canvas", 640, 480);
            var btn = document.getElementById("run");
            var cd = document.getElementById("code");

            (btn.onclick = function () {
                paper.clear();
                paper.rect(0, 0, 640, 480, 10).attr({fill: "#fff", stroke: "none"});
                try {
                    (new Function("paper", "window", "document", cd.value)).call(paper, paper);
                } catch (e) {
                    alert(e.message || e);
                }
            })();
        };

此代码来自 Raphael playground，这意味着它实现了 raphael 库。所以我不明白顶部的单行代码(它在 try/catch 表达式中)，假设将存储在 cd.value 中的用户输入的代码复制到函数中。但这怎么可能呢？

您可以在这里访问页面:http://raphaeljs.com/playground.html

Answer 1

您了解new Function() 的作用吗？它与 eval() 类似，因为它接受一串 javascript 代码 - 它使用该字符串来定义一个函数。因此，您发布的行等同于:

(function(paper,window,document){
  /* the code in the cd.value string goes here */
}).call(paper,paper);

更多信息:https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Function