今天抽空研究一下jquery的源码,发现jquery的整体框架是从自执行函数开始的。(function(e, t) {})(window),今天就来好好研究下这个自执行函数是怎么回事。
首先区分两个概念,函数声明,函数表达式。
function fn(){};这种是函数声明的最通俗写法,根本的标志是需要有个函数名,函数声明的好处,是可以在函数声明之后,在代码执行的任何位置调用fn();都可以执行这段代码,fn();function fn(){};
再来看一下,函数表达式,var fn = function(){}; 将一个匿名函数赋值给fn。和函数声明的区别是,函数的调用只能在函数表达式的后面,否则会产生报错。
var fn = function(){} ; fn();
OK,简单讨论了下函数声明和函数表达式的区别,再来看下今天讨论的猪脚自执行函数。
( function(){…} )()和( function (){…} () ),这两种是自执行函数的两种常见写法,抽出相同的地方我们来分析一下;
一、就是函数体的后面都加的有小括号;二、最关键的部分,函数体的部分都是表达式,自身都处于括号的包裹之中。
(function(arg){alert(arg)})(aaa);!function(arg){alert(arg)}(aaa);+function(arg){alert(arg)}(aaa);同样的把+,!替换成~,-,*
函数体依旧是表达式,整个函数依旧自执行。所以最后总结,自执行函数的首要特点是,函数体必须为函数表达式。
关于自执行函数的特点,简单提一个关于作用域的问题。可以通过自执行函数构造一个变量的容器,容器内部可以访问外部的变量,
而外部却访问不到自执行函数内部的变量。有效避免了在全局或局部作用域中声明的一些变量,可能会被其他人不小心用同名的变量给覆盖掉。