1

案例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>

在第一种情况下，这是可行的，但我必须创建全局变量……我不想要这个……</p>

在第二种不工作的情况下，有在 js 文件中无法识别的局部变量。

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

4

2 回答 2

6

只有在以下情况下，变量才能在单独的脚本之间共享：

  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);

});
于 2012-07-20T07:01:58.580 回答
3

你做paramScript.setAttribute('data1', data1);等的代码是不必要的。它只是意味着在代码段生成的 HTML 中看起来像<script type="text/javascript" data1="data1" data2="data2"...

我认为全局变量确实是您的选择。但是，您可以改为创建一个全局命名空间：

var scriptParams = {};
scriptParams.data1 = 'data1';
scriptParams.data2 = 'data2';

等等。这会更干净，因为您在全局范围的顶层只有一个对象。

于 2012-07-20T07:11:41.967 回答