作为参数传递的javascript命名函数的范围是什么

Question

I've work with some framework & even wrote some libraries for my own purpose. I now working at implementation of an AngularJs router... And looked again at DI of angular:

1. [...String, Function]
2. function .$inject

For long I've been using the first syntax. Now while testing my router, I wanted to see the behaviour if it differs for both syntaxes and how to handle this, but...

First Hand

module.controller(function SampleController()
{
});
// Since it's and `invokelater...` function which is called right away,
SampleController.$inject = [/** my component dependencies **/]

See my face when I faced:

ReferenceError: SampleController is not defined

The Other Hand

I consider it unclean to write:

function SampleController()
{
}
SampleController.$inject = [];
moddule.$inject = [];

So Finally

I know it won't work. Why? - That's my question.

Why?

We have been taught that module , class , method / functions , some for loop, if ... else create new scope.

Never have I read something like:

function's parameters are evaluated in their own scope

Please Tell Me

Thanks!

Answer 1

Named function expressions only create a matching variable in their own scope (which is useful for calling the function recursively).

They create nothing in the scope of the function that holds them.

When you pass it as a function argument, then the variable you pass it into is scoped to the function call. ie function function_you_pass_the_function_to(someFunction) { } scopes the someFunction variable to itself.