无法从同一JS文件中的控制器中调用函数

Question

我的JS文件看起来像这样，我想使用控制器内部在function（）内部声明的函数之一。

上载HTML时正在调用该文件。

 (function() {
//Lots of different functions
})();

(function(angular) {
//Controller that uses a function declared above.
})(window.angular);

我怎么做？ 当我只是简单地说明函数的名称时，它说“无法文件变量”-最有可能是因为在控制器初始化时尚未加载该函数。

Answer 1

您只是创建了IIFE或立即调用的函数执行，这是一种技术，所有开发人员都可以使用它来避免在全局范围内定义变量或函数，因为如果添加任何内容时都没有此错误

(function(){}); // iife

它将被分配给全局窗口对象。 这就是为什么您的控制器无法调用上面定义的函数的原因。 所以您现在有2个不同的范围，第一个和第二个

Answer 2

仅当外部范围可用时，才可以调用在另一个函数内部定义的函数。

function outer() { 
this.inner = function() {
    alert("hi");
}
} 

您可以通过以下方式从控制器内部调用外部函数：

(new outer()).inner(); 

Answer 3

涉及相同想法的一些建议：

1. 在外部创建函数

    (function(angular) { //Controller that uses a function declared above. })(window.angular); 

   这样就可以从立即调用的函数内部以及从立即调用的函数外部访问它。

2. 在控制器内部创建函数时，可以通过将其附加到窗口（例如window.yourFunction = function() { ... }使其可用于外部作用域。