函数表达式:function (){},然后有操作符=进行赋值这是其中一种最常见
函数的声明:必须有函数名称
( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因并非如此。要理解立即执行函数,需要先理解一些函数的基本概念。
函数声明、函数表达式、匿名函数
函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明。
函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。
匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。
函数声明和函数表达式不同之处在于,一、Javascript引擎在解析javascript代码时会‘函数声明提升’(Function declaration Hoisting)当前执行环境(作用域)上的函数声明,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,二、函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以fnName()形式调用,其实也可以()中间加参数,这时()是分组操作符 。以下是两者差别的两个例子。
自执行函数 :可以是匿名函数,也可以是有名函数
function (){}()这样会报语法错误Uncaught SyntaxError: Unexpected token
(function(){})(2) 就可以,(function a(){}(2)) 都没报错,但都没输出,输出的话需要在
1、(function(){console.log(1432)}()) 就自运行了,其中最后一个()可以有参数或无参
2、js 的&&,||等操作符都是可以知道对方是表达式 true && function () { /* code */ } ();
0, function () { /* code */ } ();
!function () { /* code */ } (); ~function () { /* code */ } (); -function () { /* code */ } (); +function () { /* code */ } ();
都可以的
3、
new function () { /* code */ } new function () { /* code */ } () // 如果需要传递参数,只需要加上括弧()
4、
function foo(){ /* code */ }(); // SyntaxError: Unexpected token ) // 但是如果你在括弧()里传入一个表达式,将不会有异常抛出 // 但是foo函数依然不会执行 function foo(){ /* code */ }( 1 ); // 因为它完全等价于下面这个代码,一个function声明后面,又声明了一个毫无关系的表达式: function foo(){ /* code */ } ( 1 );
参考:http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html
https://my.oschina.net/u/2331760/blog/468672?p=%7B%7BcurrentPage+1%7D%7D
汤姆大叔的博客
总之,要将函数声明变成函数表达式然后就可以自运行