变量中的javascript匿名函数

Question

in the last few days i'm interesting in anonymous function in javascript , so i started to "explore" frameworks such as jquery , in the very first line i saw this piece of code :

var jQuery = (function() { .. functions .. }();

and a question came in mind - what is the purpose of that code? why a variable contain anonymous function? what is the uses with that var? is it kind of function container or something? if it is how to access the functions?

Answer 1

what is the purpose of that code?

You are actually missing a closing parenthesis for this code to be valid javascript:

var jQuery = (function() { ... })();

It defines an anonymous function and executes it immediately storing the result of it in the variable.

You can think of it like this:

var jQuery = foo();

It's just that they didn't bother to define foo as an external function as they didn't need to call it elsewhere in the code. So they defined it as an anonymous function.

By doing this everything that is declared inside this anonymous function is scoped and accessible only to the containing anonymous function. It is not accessible to the outside.

Answer 2

通过减小该函数所有内容的作用域，可以防止在全局作用域中可能发生的冲突，意外吊起，并最大程度地减少附加到窗口对象的附加对象。