1

我试图理解以下场景，其中我在一个范围内定义了一个函数并希望在另一个范围内访问它。

我有两个不同的 JavaScript 文件，helper.js 和 main.js，它们都有一个自调用函数：

helper.js：

var outerShowData;

(function(){
    var innerShowData = function(param1, param2){
        alert("Data : "+ param1 +" - "+ param2);
    }

    outerShowData = innerShowData;
})();

主.js：

(function(){
    outerShowData("alpha", "beta");
    outerShowData("gamma", "theta");
})();

如果我首先在我的页面中包含 helper.js，然后是 main.js，这在 Firefox、Safari 和 Google Chrome 中完美运行。但是它在 IE8 中不起作用。

谁能指出我在这里做错了什么？

我编写自调用函数只是为了不弄脏全局范围。在这个方向上的任何帮助都会对我有很大帮助。

4

1 回答 1

1 
// Your code would work identically with or without this variable declaration
var outerShowData;

(function(){
    // This is a local variable, and cannot be accessed outside the containing function()
    var innerShowData = function(param1, param2){
        alert("Data : "+ param1 +" - "+ param2);
    }

    // This assigns a value to a global variable
    outerShowData = innerShowData;
})();

你的outerShowData变量是全局的。它可以被任何未损坏的 JavaScript 环境中的任何其他代码访问。如果此代码给您带来 IE8 问题，则 IE8 似乎已损坏，认为您的问题更有可能出在代码的其他地方。IE8 不能正确支持全局变量将是一个根本问题。

您可以尝试设置和调用window.outerShowData，这会显式创建一个全局变量。

我编写自调用函数只是为了不弄脏全局范围。

这有点傻。无论哪种方式，您都在“弄脏”全局范围，除非现在您正在使用一堆不必要的代码和间接进行操作。

于 2012-08-03T20:35:05.670 回答