如何获取 javascript 文件中的函数列表？

Question

我正在尝试为 javascript 拼凑一个 php 样式的包含函数。我采取的路线是通过 XMLHttpRequest。包含的文件将加载，但该文件中的函数不可用，因为它们的范围仅限于调用它们的函数。

我遇到了this article，它实现了类似的目标，但需要编码人员提前指定他们需要哪些功能，而我想简单地包含一个文件并自动将这些功能添加到窗口对象中。

这是我的进步

function twinkle(){

    getXMLHTTPObj("twinkle/test.js");

    // A simple function inside test.js
    includedFunc();

}


// XMLHttp Stuff lifted from he Apple tutorial

var req;
function getXMLHTTPObj(url) {
    req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
        try {
            req = new XMLHttpRequest();
        } catch(e) {
            req = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
        try {
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                req = false;
            }
        }
    }

    if(req) {
        req.onreadystatechange = processReqChange;

            // Set to False so javascript waits for the included functions 
            // to become available 
        req.open("GET", url, false);
        req.send("");
    }

    return req;
}

function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            eval(req.responseText);
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
        }
    }
}

我正在考虑在每个包含的文件中创建一个函数索引，当包含该文件时可以对其进行迭代，但这并不是一个真正优雅的解决方案。

有什么想法吗？是否有一些 javascript 属性或函数我可以访问以获取文件中的函数列表？

Answer 1

OrbMan 为我指出了正确的方向，但是这种包含 Javascript 文件的特定方法的解决方案需要对函数进行不同的定义；像这样

window.myFunction = function(){ 

    alert("Hey There!") 

}

这样做的一个潜在好处是，包含文件中以正常方式声明的任何函数都被封装，因此它们仅可用于该文件中的 window.functions ......据我所知。

Answer 2

使用DOM添加所需的脚本很简单：

function include(jsFile)
{
    var sEl  = document.createElement("script");
    sEl.type = "text/javascript";
    sEl.src  = jsFile;
    document.getElementsByTagName("head").appendChild(sEl);
}

浏览器甚至会异步下载这个文件，并且脚本元素有一个onload 事件，该事件适用于大多数（所有？）流行浏览器，因此您还可以根据需要添加回调函数。明显的缺点是，在文件下载和解析之前，当前脚本无法使用函数。

Answer 3

改变你声明你的函数的方式，它应该可以解决范围问题。而不是：

function add(a, b) 
{                     
    return a + b;
} 

这样做：

var add = function(a, b) 
{                     
    return a + b;
}   

Answer 4

与其通过 AJAX 加载 JavaScript 文件，不如创建一个 <script> 标记并将其插入到页面中？这将允许在全局范围内解析 JavaScript。看看 Scriptaculous 的 require 函数是如何工作的