var functionName=function(){}和functionName=function(){}有什么区别（） _函数声明

【var functionName=function(){}和functionName=function(){}有什么区别（）】var functionName=function(){}和functionName=function(){}有什么区别？最近发现项目中的JS代码很多地方都使用这两种方式声明方式，不知道这两者有什么区别？使用这两种方式的原因是什么？方法的优缺点是什么？是否有一种方法用而另一种方法做不到的？例如如下代码：

var fn1 = function(){ // 函数体代码 } function fn2(){ // 函数体代码 }

它们不同的地方在于，fn1是一个函数表达式，和什么普通变量一样，在创建全局执行上下文的时候赋值为undefined，只有全局执行上下文入栈执行的时候才会真正赋值。而fn2是一个函数声明，它在创建全局执行上下文的时候就会初始化并被复制为函数的引用，例如下面的例子：

fn1(); // 创建执行上下文的时候该函数变量值为undefined，所以报错 var fn1 = function(){ console.log("fn1"); } fn2(); // 因为已经在全局执行上下文中创建，所以正常执行 function fn2(){ console.log("fn2"); }

另外，你不能有条件地定义一个函数，在if语句块中，无论如何在里面定义的函数都会被创建，如下例子：

if(false){ function fn3(){ console.log("fn3"); } } if("fn3" in window){ console.log("fn3"); // 输出: fn3，说明函数已在全局执行上下文中初始化 } console.log(fn3); // undefined fn3(); // 抛出异常：Uncaught TypeError: fn3 is not a function