JS变量初始化过程

#JS变量初始化过程# 今天天坑突然问一问题，陈老我们都知道在js中变量的名称不能重复，不然会出问题的，而为了避免这种问题常常使用匿名函数。那如果现在我写一个函数和一个变量名称相同会出现什么问题，马上就给我发了一段代码过来，我就想，你这不是没事找事做吗，再一看看他的名字，天坑。好吧我认了。 ok! 我们还是言归正传，当时我一看这个问题，变量名称重复？ 心想要是强数据类型，你呀是这样写根本就不会通过编译，没办法这里是js , 那就会被覆盖呗！于是我就写了这样的代码

var a = 5;
function a(){
	console.log("x");
};

 alert(a);     // 5

看见结果我一下就愣了，怎么是 5，这是神马情况，不会被覆盖?于是我就立刻打断点，一看只有一个a ，而且值确实为5。怎么回事呢，于是我在哪冥思苦想着，是不是在执行前有个实例化呢，js 代码是至上而下执行，而函数在声明前我都可以调用，一个记忆立刻就闪现出来，执行代码前解释器会扫描函数。然后就想不起来了。google 下 http://ecmascript.cn/ .cn 你们懂得。找到了这些东西。js即将执行时前，会有个预处理阶段叫做变量实例化。

1. 解释器会扫描Function Declarations,也就是function xx{},解释器将对每个声明创建一个函数并作为Window的一个变量。
2. 解释器会扫描var declarations,作为window的属性。但是此时变量并没有被赋值(这里很关键)，所有的变量此时都是undefined。

看见以上两条我们就可以很容易理解了，前面的代码为什么结果为 5 。简单来说就是 首先加载了函数，然后又才加载了变量。

转载于:https://my.oschina.net/frontendinfo/blog/171396