声明提升

之前理解有一些错误，今天补过一下....

我们都知道 常用的函数写法有两种，一种是普通的函数声明，一种是使用变量初始化函数，他们两个最大的区别就是如果用变量初始化函数的声明方式，如果在声明前调用函数，是没有办法调用到的。

为什么会报 not a function(...)的错，我们都知道如果没有声明肯定会报not defined，如果声明了没有赋值会报undefined，如果一个非函数的变量在执行的时候用()执行，才会报not a function.

说明也许是()的过，那么去掉()呢

刚好印证了上面所说的，如果声明了没有赋值会报undefined，那么说明函数声明了，但没有赋值而已（把声明提前了），JavaScript中的变量提升时函数表达式中只会提升名称，函数体只有在执行到赋值语句时才会被赋值:

如果一个函数是这样写的

(function(){
    var a=‘One‘;
    var b=‘Two‘;
    var c=‘Three‘;
})() 

在执行时声明提前了，变成了这样

(function(){
    var a,b,c;
    a=‘One‘;
    b=‘Two‘;
    c=‘Three‘;
})() 

进一步证明

例1：

var v=‘Hello World‘;
alert(v);     //Hello World

var v=‘Hello World‘;
(function(){
alert(v);
})()           //Hello World

var v=‘Hello World‘;
(function(){
alert(v);
var v=‘I love you‘;
})()           //undefined

最后一个弹出undefined，因为声明提前了最后一个函数在执行时变成了

var v=‘Hello World‘;
(function(){
  var v;
  alert(v);
  v=‘I love you‘;
})() 

刚好符合之前说的，声明了但没有赋值，所以会弹出undefined

自我感觉特别绕的面试题例2：

var foo = 1;
function bar() {
  if (!foo) {
   var foo = 10;
  }
  alert(foo);
}
bar();     //10

一定感觉很奇怪，为什是10，其实如果把前面的var foo = 1; 去掉，也是10，说明是不是10和前面的全局变量没有关系，我们循序渐进

function bar() {
  if (true) {
   var foo = 10;
  }
  alert(foo);
}
bar()     //10

///////////////////////////////////////

function bar() {
  if (false) {
   var foo = 10;
  }
  alert(foo);
}
bar()     //undefined

说明在判断的时候，是true才能赋值，其实这里是提升了声明，变成了这样

var foo = 1;
function bar() {
  var foo;
  if (!foo) {
    foo = 10;
  }
  alert(foo);
}
bar();

回到最初所说的，只声明未赋值，弹出undefined，那么直接输出foo，肯定是undefined，!undefined得到true，so...就得到了我们看到的结果

补充两道题，和这个没多大关系

var a=1;
function test(){
   var a=3;
   return;
}
test()
a      //1

var a=1;
function test(){
  a=3;
  return;
}
test()
a    //3

var a = 1;
function b() {
  a = 10;
  return;
  function a() {}
   }
  b();
alert(a);         //1