javascript - 稍后在我的代码中调用 IIFE 时出现问题

Question

我想在定义函数后立即调用该函数，然后在事件(单击)上调用该函数以传递参数。

该代码片段一直有效，直到我将函数 ($scope.appFunctions.testBtn) 设置为 iife。

• 这是因为匿名函数的作用域现在是 iife，而不是变量吗？
• 我该如何解决这个问题？

查看片段

<button type="button" ng-click="appFunctions.testBtn('filterStr')">testBtn</button>

Controller 代码段

$scope.appFunctions.testBtn = (function(filterStr){
  alert("testBtn Clicked");
})();

Answer 1

现在在您的代码中，$scope.appFunctions.testBtn 是函数执行的结果，它是未定义。这个 undefined 被传递给 ng-click 指令。这样做不是更容易吗？

$scope.appFunctions.testBtn = function (filterStr) {/*...*/}
$scope.appFunctions.testBtn();

绑定(bind)后立即调用它，它将适用于 ng-click。