javascript - AngularJS 中 $scope.myScope = function() 和 function() 有什么区别

Question

这个问题已经有答案了:

var functionName = function() {} vs function functionName() {} (41 个回答)

已关闭 8 年前。

我最近开始使用 AngularJS 进行开发。这两者之间的区别让我感到困惑:

$scope.myScope = function () { 
 var x = 'do something with variable here';
 $scope.anotherScope = x;
};

和

function myFunction () {
 var x = 'do something with variable here';
 $scope.anotherScope = x;
}

它们似乎都能够做同样的事情(我在 Controller 中经常使用它们)。是否有何时何地使用这两者的最佳实践？

Answer 1

$scope.myScope = function () {}; 

这意味着您的函数是范围对象的属性。所以你可以在你的 Controller 、html 页面甚至你的应用程序中使用它。可以在同一应用程序的不同模块中引用它。因此，您只需在 html 页面中直接使用函数名称 onclick 或 onchange 来调用它，具体取决于您的需要。

另一个定义只能在您的 Controller 中使用，而不是您的应用程序的范围。但是，如果您使用“this.myScope = function(){};”定义函数然后你可以使用 Controller 调用 html 中的函数。就像 ng-click = "controllerName.myScope();"

主要区别在于函数所属的作用域以及您可以在何处引用该函数。

希望对你有帮助!!!