如何在javascript中将变量传输到外部js文件？

Question

情况1:我已将变量传递给外部js文件,如下所示

<script type="text/javascript">

var data1, data2, data3, data4;

function plotGraph() {
    var oHead1 = document.getElementsByTagName('HEAD').item(0);
    var paramScript = document.createElement("script");
    paramScript.type = "text/javascript";
    paramScript.setAttribute('data1', data1);
    paramScript.setAttribute('data2', data2);
    paramScript.setAttribute('data3', data3);
    paramScript.setAttribute('data4', data4);
    oHead1.appendChild(paramScript);
    var oHead = document.getElementsByTagName('HEAD').item(0);
    var oScript = document.createElement("script");
    oScript.type = "text/javascript";
    oScript.src = "js/graph.js";
    oHead.appendChild(oScript);
}
</script>

案例2:我甚至尝试使用jquery这样传递它

<script type="text/javascript">   

    function plotGraph() {
        var data1, data2, data3, data4;
        $.getScript("js/graph.js");
    }
</script>

在第一种情况下工作,但我不得不创建全局变量...我不想要这个......

在第二种不起作用的情况下,局部变量在js文件中无法识别.

我该怎么办？有什么建议？

Answer 1

变量只能在不同的脚本之间共享,如果它们是:

1. 全局变量
2. 如果它们在某种情况下处于相同的上下文中(很难使用多个外部脚本)
3. 如果在一个模块中提供一个函数,则返回对变量的访问权限.
4. 如果调用另一个脚本并将变量或对变量的引用传递给另一个脚本.

编辑:既然OP已经解释了他们真正想要做的事情(将ajax调用中的数据传递给外部脚本中的函数),这个问题的真正答案是这样的:

您应该在外部脚本中调用ajax调用的成功处理程序中的全局函数,并将这些数据元素传递给该函数.然后,外部脚本中的函数可以立即对数据执行操作,也可以将数据保存在自己的变量中以供以后使用.

仅供参考:$.getScript()在全局级别加载脚本.这就是你的案例2不起作用的原因.

共享对一组变量的访问权的一种方法是将它们全部作为对象的属性,然后使该对象成为全局对象,或者提供检索对该对象的访问权的全局函数.例如,您可以声明具有许多属性的单个全局对象.

var myConfigObject = {
    data1: value1,
    data2: value2,
    data3: value3,
    data4: value4
};

要调用外部脚本文件中的函数,您将执行以下操作:

1. 在外部脚本文件中定义全局可访问的函数.让我们称之为doIt(a, b, c, d)- 一个有四个参数的函数.
2. 然后,在您的ajax调用中,您可以使用数据值,只需调用doIt()并传递所需的数据值即可doIt(3, "foo", data4, whatever).
3. 然后,在实现中doIt(a, b, c, d),您可以获得传递给它的那四个数据值.

所以,在你的外部文件中,你有这个:

function doIt(a, b, c, d) {
    // do whatever doIt wants to do
    // use the arguments passed to this function
}

在你的主index.html文件中,你有一个ajax调用:

$.ajax(..., function(data) {
    // process the returned data from the ajax call
    // call doIt
    doIt(3, "foo", data4, whatever);

});