Tên đối số của hàm trong các đối tượng Angular.js kết nối với các đối tượng khác như thế nào?

Question

Hãy nói rằng tôi đã thực hiện một mô-đun với một dịch vụ và một bộ điều khiển trong Angular.js, tôi có thể truy cập vào dịch vụ mà bên trong của bộ điều khiển như vậy:

var myapp = angular.module('my-app', []); 

myapp.factory('Service', function() { 
    var Service = {}; 
    Service.example = 'hello'; 
    //etc.. 
    return Service; 
}); 

myapp.controller('mainController', function($scope, Service) { 
    $scope.greeting= Service.example; 
}); 

Trong ví dụ này, các đối tượng dịch vụ sẽ truyền cho bộ điều khiển, và cơ cấu lại các mã như vậy sẽ không thay đổi hành vi của các mã:

myapp.controller('mainController', function(Service, $scope) { 
    $scope.greeting= Service.example; 
}); 

như vậy, như thế nào Angular.js "biết" những gì các đối số chức năng nghĩa là gì?

Answer 1

Góc đơn giản phân tích cú pháp biểu thị toString() của hàm cho tên của các phụ thuộc. Từ the docs:

Trong JavaScript gọi toString() trên một hàm trả về định nghĩa hàm. Định nghĩa sau đó có thể được phân tích cú pháp và các đối số hàm có thể được trích xuất.

Tuy nhiên, lưu ý rằng phương pháp này sẽ không thành công nếu mã của bạn được rút gọn. Vì lý do đó, góc hỗ trợ một sự thay thế (tôi sẽ đề nghị luôn luôn sử dụng nó) cú pháp, sử dụng một mảng:

myapp.controller('mainController', ["$scope", "Service", function($scope, Service) { 
    $scope.greeting= Service.example; 
}]); 

Answer 2

này được thực hiện theo phương pháp khá thông minh annotate (source) mà phải mất một regex quét trên nguồn chữ ký chức năng (sử dụng function.toString()) và lặp lại đẩy từng đối số hàm vào mảng hàm $inject.

Các kết quả tương tự được thực hiện khi tự xác định các mảng $inject như trong:

var MyController = function($scope, myService) { 
    // ... 
} 
// Define function dependencies 
MyController.$inject = ['$scope', 'myCustomService'];