js预编译和执行期的问题

 

var foo = 1;    
function bar() {    
    if (!foo) {    
        var foo = 10;    //如果这里不加var就是1了，加了var后在预编译时foo会被当做局部变量进行索引,可能有同学基

础和我一样不是太好的，在想我外部定义了一个变理，在内部使用都是好好的啊，那你一定要注意了，这里多了个var
    }    
    alert(foo);    
}    
bar();  

 

 

var a = 1;    
function b() {    
    a = 10;    
    return;    
    function a() {}    //同理a在这里被重新索引
}    
b();    
alert(a);  

 

下面引用某位同学的回答，个人觉得讲的很清楚了：

预编译和执行期的问题。javascript会分块的进行预编译，预编译期会处理所以使用var声明的变量以及使用function的函数会被处理，但var声明的变量只进行索引，而不处理赋值，赋值在执行期处理，而function的函数会处理函数体。
所以第一个例子：预编译期间建立索引foo和处理bar函数体，但foo未赋值，所以foo为undefined。然后执行期给foo赋值1，执行bar（）时，先预编译函数体内的内容，建立局部变量索引foo，但未赋值，所以foo=undefined，此时执行期bar()，由上往下执行,结果自然为10.
而第二个例子类似，因为执行期到b（）时，会预编译b里面的内容，此时function a(){}相当于（类似）var a，即也建立局部变量的索引a，所以执行期给局部变量的a赋值10，并不影响全局的a

评论

5 楼 faithLove 2016-04-09  

我明白了，摘自http://www.jb51.net/article/76509.htm这个链接：javascript预编译中function语句定义的函数，不仅声明了函数名，而且函数体也进行了处理，所以在解释执行的阶段时，a的值再次被覆盖为1。
例如:var f = function(){    // 定义匿名函数f 
return 1; }
alert(f());       // 返回1
function f(){      // 声明函数f 
return 2; }
alert(f());      // 返回1

4 楼 faithLove 2016-04-09  

代码块：var a = 1;     
function b() {     
    a = 10;     
    return;     
    function a() {}    //同理a在这里被重新索引 
}     
b();     
alert(a); //1
我还是不明白，结果为啥是1，而不是10呢。
按你上面说“在执行该function的时候就会起作用”，b()那行代码不是执行了function b()的函数体吗？a没有var的声明，b函数体内的a不是应该是全局a吗？因为全局已经有a存在，所以1值不是覆盖掉吗？

3 楼 smiky 2012-07-02  

loveelwin 写道

再补充一下，我说的对所有代码预编译是要分块的。也就是按块编译期，执行期；编译期，执行期。。。。

js是按块预编译的，也就是碰到一个<script></script>就来一次，这位同学的学习态度实在是太好了，谢谢啊

2 楼 loveelwin 2012-07-02  

再补充一下，我说的对所有代码预编译是要分块的。也就是按块编译期，执行期；编译期，执行期。。。。

1 楼 loveelwin 2012-07-02  

谢谢你引用我的答案，但是回答有一点点小问题，大致的意思还是不变的。
就是：
并不是执行函数时才对函数进行预编译，而是js会先对所有的代码进行预编译（预编译期），再进入执行期。在js的预编译期会对所有的var变量和function函数进行处理（包括对变量名进行索引和对function函数体进行解析），function函数体内部语句和相关的逻辑解析后，会存储在函数变量所指向的地址中，所以不会对全局的变量产生影响。但在执行该function的时候就会起作用。
其他的基本和之前说的一个意思。