Javascript预编译和执行过程

单看标题可能不是很明白。但有一个很常见的问题,你看一眼就会明白

  var a=function(){ alert(' I am A');}

  function b(){alert('I am B');}

他们的区别。

你可以尝试一下这样

a();
b(); 
var a=function(){ alert(' I am A');}
function b(){alert('I am B');}

当你很迷惑为什么a为undefined 而b却能正常执行。

其实js里有两步,一个预编译,另一个执行。在执行之前会进行预编译的操作。这个操作会把var声明的一系列赋值为undefined.而把function声明的函数赋值为它自己定义的。

而var所定义的值要到执行到它的时候才被赋予真正的值。所以在还没执行它时就调用它,返回的是undefined.但是function定义的就不一样。从一开始在执行环境时就把function里的定义的东西添加到执行环境里。所以它可以在它之前调用。

 至于这两个哪个写法更好。在书本javascript语言精髓里提到:作者认为用var声明变量为其赋值函数是比较好的。这样能让一个函数是先定义再调用,而不是在哪里都可以调用该函数,感觉会比较乱。

所以不要认为加var的 变量 和不加var的也是一样的。在变量来说加var只是定义为局部var a='b',而不加a ='d',只是全局的。像下面这样

alert(a);
a='b';//Uncaught ReferenceError: aa is not defined

文献:http://www.cnblogs.com/xz1367/archive/2012/01/11/2319651.html

原文地址:https://www.cnblogs.com/ihqn19/p/3180479.html