前端 - JavaScript问题：var a=5; var a; alert( a ) // 5。请问这是为什么？

Question

var a=5;  var a;  alert( a )  // 5

我的理解：
第一次var a：var a=5; ==>在内存中开辟空间a，a中保存了数字5。
第二次var a：var a; ==>在内存中开辟空间a，a中什么都没有。

程序从上至下，从左至右执行，所以最后弹出的是“第二次 var a”的结果，第二次 var a中，a没有保存值，所以是undefined。

但执行结果是5，请问一下alert为什么不是undefined？

---

当局部变量和函数参数同名时，该怎么理解呢？也和预解析有关系吗？

function test(a){
        var a=a||5;
        alert(a)
}

test() //没传参的话，就是5；传参的话就alert参数

Answer 1

这个问题的答案其实叫做 变量声明提升（hoisting）

所有的变量声明，函数定义(指的function fn() {}这种写法)，都会被提升到本作用域的最开始，但是赋值还是在原本的位置。所以上面那段代码其实相当于：

var a;
//var a;
// hoisting
a = 5;
alert(5);

既然大家都点赞了，我就好好回答一下第二个问题吧
除去 IE 这个大bug 不说 http://hax.iteye.com/blog/349569

在 ES5.1 里面函数是这样执行的（不讨论use strict和一些特殊情况，JS好复杂的），按如下顺序执行：

1. 确定“this”的值 (确切的来说，this在JS里面不是一个变量名而是一个关键字)

2. 创建一个新的作用域

3. 处理形参/实参（没有定义过才声明，无论如何都重新赋值，没有对应实参则赋值为"undefined"）：
   对于每一个传入的实参，按照从左往右的顺序依次执行：如果对应的形参在本作用域中还没有定义，则在本作用域中声明形参，并赋值。如果已经定义过了，则重新给其赋值。(没有对应实参则赋值为"undefined"）（没有定义：就是“没有声明”的意思）

4. 处理函数定义（没有定义过才声明，无论如何都重新赋值）：
   对该函数中所有的定义的函数，按照代码写的顺序依次执行：如果这个变量名在本作用域中还没有定义，则在本作用域中声明这个函数名，并且赋值为对应的函数，如果定义了这个变量，在可写的情况下重新给这个变量赋值为这个函数，否则抛出异常。

5. 处理 "arguments"（没有定义过才声明和赋值）:
   如果在本作用域中没有定义 arguments，则在本作用域中声明arguments并给其赋值。

6. 处理变量声明（没有定义过才声明，不赋值）：
   对于所有变量声明，按照代码写的顺序依次执行：如果在本作用域中没有定义这个变量，则在本作用域中声明这个变量，赋值为undefined

7. 然后执行函数代码。（当然是去变量定义里面的 var 执行）

参考：http://www.ecma-international.org/ecma-262/5.1/#sec-10.5

所以当在函数执行的时候，会自动除去所有的声明，访问一个变量（如果你的代码里没有重新给其赋值的话）查找的顺序其实是：最后一个定义的函数名？，最后一个形参？（e.g. 形参可以重名，以最右边为准）？，arguments？，最前面声明的那个变量？

所以说，楼主第二问很明确了，如果test传入参数，就会赋给a,如果没有传入参数a就是undefined，然后除去声明执行代码就是a=a||5;（此时访问的a是形参里声明的那个a，后面的声明自动忽略了）

Answer 2

JavaScript程序执行，先进行预解析，将 var 和 function 关键字开头的变量和函数会进行提升，而后逐行执行代码。在你的程序中，先将 var 声明的变量 a 进行提升，并对其赋值 undefined（进行了二次） ，然后逐行执行代码，先赋值为5，而后什么也没做，再alert出来。

更多细节，你可以参考我的之前写的博客 http://zhenghaoju700.blog.163.com/blog/static/135859518201441711516713/

更详细的JavaScript程序执行 可以参看这个 http://zhenghaoju700.blog.163.com/blog/static/13585951820144215281510/

如果逐行执行遇到函数执行时，会在进行一次预解析和逐行执行（函数有自己的作用域），形参可以理解成var a = undefined，当你传入实参时，相当于进行了赋值。函数内部情况和全局作用域下是一样的。

Answer 3

var a=5;  var a;  alert( a )  // 5

等同于

var a;  a = 5;  alert( a )  // 5

js在预编译阶段,会忽略重复的声明，然后在运行阶段赋值；

Answer 4

JavaScript有预解析行为，整段代码的运行过程为：

1. 进行预解析声明，var a

2. 代码逐步执行过程，此时a = 5，而第二行代码var a在此处没有起到作用。

所以弹出的值为5，而不是undefined。

可以看看解释JavaScript的“预解析(置顶解析)”。

Answer 5

节奏是这样：

声明第一个 a；
声明第二个 a，发现已经声明了，不重新声明，跳过；
赋值 a 等于5；
执行alert(a)

done~