Angular 的控制器方法如何使 $scope 可用于我的函数参数

我正在寻找伪代码答案或概念答案。

经过多年的编程，我从未创建过接收函数参数的类方法，以便该方法的调用者自动访问“不可见”属性。

如果我尝试在我的范围之外访问 $scopemy_app.controller(...)方法，我收到一个错误，所以我知道它不是全局的；如果我尝试从以下位置访问它my_app.$scope or angular.$scope我变得不确定。

那么我的函数参数如何访问它：

    my_app.controller('my_controller' , function( $scope , ... ) { ... }

更新（正如我正在学习的那样）：

  // javascript
  var my_class =   function( argument_A )                 
                       { this.some_prop = argument_A ;        

                         this.some_method = function( argument_B ) 
                           { console.log( argument_B ) ; // function(boo)
                           } ;
                       } ;

  var my_instance = new my_class( "my_string" ) ;

  var my_function_argument = function( boo ){ } ;
  my_instance.some_method( my_function_argument ) ; 

函数是一等公民

In JavaScript and other modern languages (Scala, Haskell, LISP, etc.), functions are treated as first-class citizens. Specifically, this means the language supports passing functions as arguments to other functions, returning them as the values from other functions, and assigning them to variables or storing them in data structures. Some programming language theorists require support for anonymous functions (function literals) as well. In languages with first-class functions, the names of functions do not have any special status; they are treated like ordinary variables with a function type.^{1 https://en.wikipedia.org/wiki/First-class_function}

上面的例子可以重构为：

var myController = function ($scope, ... ) {
     console.log($scope);
     $scope.message = "Hello world"
};

my_app.controller('my_controller' , myController );

在这种情况下.controller方法存储myControllerAngularJS 缓存中的对象$controllerProvider服务。 IE。cache["my_controller"] = myController;

后来当$compile服务遇到需要控制器的指令：

<div ng-controller="my_controller">
    {{message}}
</div>

The $compile服务创建一个新范围，检索myController函数从$controller服务缓存，并使用新作用域作为函数的第一个参数来调用该函数。

The $compile服务还创造了$watch监听功能，跟踪$scope.message多变的。在每个消化周期，如果$scope.message发生变化时，DOM 会相应更新。

在问题的示例中：

//These are function invocations, the variable must be defined

console.log( boo )              ; //    ERROR: boo is not defined
my_instance.some_method( boo )  ; //    ERROR: boo is not defined

最后一种形式使用匿名函数文字（或函数表达式）。匿名函数是作为参数传递给名为的方法的对象.some_method.

//The anonymous function is an object passed as an argument
//boo is a parameter to be supplied when the function is invoked

my_instance.some_method( function( boo ) { } ) ; // NO ERROR

有关函数文字的更多信息，请参阅MDN JavaScript 参考 -- 函数表达式 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/function*.

依赖注入和按名称连接参数

通常在 JavaScript 中，函数参数是相连的按位置。在AngularJS框架中，函数参数被注入by name。这是怎么做到的？

来自文档：

推理

在 JavaScript 中调用toString()on 函数返回函数定义。然后可以解析定义并提取函数参数。

-- AngularJS $injector 服务 API 参考 -- 推理 https://docs.angularjs.org/api/auto/service/%24injector#inference

所以在例子中：

my_app.controller('my_controller' , function( $scope , ... ) { ... }

The $injector服务做了一个toString()控制器构造函数并对其进行解析。该服务检测到$scope是函数的第一个参数，并使用该知识来正确调用该函数。

你可以看到fn.toString()正在使用在源代码中 https://github.com/angular/angular.js/blob/master/src/auto/injector.js#L72.