function(){}、var fun=function(){}和function fun(){}的区别

1、基本定义

1.函数声明：使用function声明函数，并指定函数名。

function fun() {
    // ......   
}

2.函数表达式：使用function声明函数，但未指定函数名，将匿名函数赋予一个变量。

var fun = function() {
    // ......
}

3.匿名函数：使用function声明函数，但未指定函数名。匿名函数属于函数表达式，匿名函数有不少做用，赋予一个变量则建立函数，赋予一个事件则成为事件处理程序或建立闭包等等。

function() {
    // ......
}

2、实例补充

1. 函数声明可在当前做用域下提早调用执行，函数表达式需等执行到该函数后，方可执行，不可提早调用。

fun();
function fun() {
    // ...... 
}
// 正确，函数声明可提早调用

fun()
var fun = function() {
    // ......
} 
// 错误，fun未保存对函数的引用，函数调用需放在函数表达式后面

2.函数表达式可直接在函数后加括号调用。

//传统方法
var fun1 = function() {
    console.log('哈哈');
}
fun1();

//函数表达式后直接加括号调用            
var fun2 = function() {
    console.log('哈哈');
}()

3.当即执行函数(function(){})()的第一个小括号必需要加，由于若是不加第一个小括号的话，虽然匿名函数属于函数表达式，但未进行赋值，因此javascript解析时将开头的function当作函数声明，故报错提示须要函数名。加了第一个小括号，意思就是将函数声明转化为函数表达式。

//正确 　    
(function(){
    console.log('哈哈');
})();
// 报错
function(){
    console.log('哈哈');
}();

4.(function(){})()当即执行函数的注意点：在第一对括号内是一个匿名函数，第二个括号会当即调用这个匿名函数的返回值，也就是匿名函数中的内容被当即执行。这个玩意儿的强大之处在于它独立了一个做用域(括号中内容执行完后会被当即回收)，内部变量外部没法访问，而它又能经过this保留字，来访问外部变量。好处：内部定义的变量不会跟外部的变量有冲突，达到保护内部变量的做用。

3、JavaScript变量提高的概念

变量提高：函数声明和变量声明老是会被解释器悄悄地被"提高"到方法体的最顶部。

1.变量能够在使用后声明，也就是变量能够先使用再声明。（由于函数声明和变量声明老是会被解释器悄悄地被"提高"到方法体的最顶部）

x = 5; // 变量 x 设置为 5
console.log(x);    //正常输出5
var x; // 声明 x


var y; // 声明 y
y = 5; // 变量 y 设置为 5
console.log(y);    //正常输出5

2.JavaScript初始化不会提高。（JavaScript 只有声明的变量会提高，初始化的不会。）

var x = 1;  // 初始化 x
var y = 2;  // 初始化 y
console.log(x);  //正常输出1
console.log(y);  //正常输出2


var a = 3;  // 初始化 a
console.log(a);  //正常输出3
console.log(b);  //输出undefined
var b = 4;  // 初始化 b

3.一个有趣的例子

var a = 1;  //初始化a为1
var b = 2;  //初始化b为2

var fun=function(){
    console.log(a); //undefined 
    var a = 22;
    console.log(b); //undefined 
    var b;
}
fun();

为何会获得上述结果呢？缘由以下：

JavaScript 只有声明的变量会提高，初始化的不会。因此在function中，有var a = 22，这是初始化，变量的声明会提高，可是变量的值没有提高。有var b , 声明的变量会提高到function最开头，但由于没有赋值，因此会输出undefined。上述代码等价于：

var a = 1;  //初始化a为1
var b = 2;  //初始化b为2
var fun=function(){
    var a;
    var b;
    console.log(a); //undefined 
    a = 22;
    console.log(b); //undefined 
}
fun();

4.另外一个有趣的例子

var a = 1;  //初始化a为1
(function(){
    a=3;
    console.log(a);  //3
    var a;            
})();

(function(){
    console.log(this.a);  //1            
})();

var fun=function(){
    console.log(this.a);  //1
}
fun();

关键：当即执行函数、函数表达式和函数声明能经过this保留字，来访问外部变量。

固然若是function函数内部没有声明外部已有变量的话，function函数内部可直接使用外部已有变量，不使用this保留字也是能够的。（函数声明、函数表达式、当即执行函数结果都是这样，缘由应该是当在function函数内部没有找到定义的变量时，会自动扩大做用域，向上搜索给出的变量）

var a = 1;  //初始化a为1
(function(){
    console.log(a);  //1        
})();
var fun=function(){
    console.log(a);  //1
}
fun();