[已解决]一个关于变量提升的问题

晚回家

JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。

针对这句话，在全局作用域中声明的变量，为什么也被“提升到函数的最顶部呢”？

最佳答案

月排行榜 / 总排行榜

wp231957

2020-4-27 08:41:54

1. //据说是一道经典面试题目
   
2. /*
   
3. console.log(v1);   //undefined   
   
4. var v1 = 100;
   
5. function foo() {
   
6.     console.log(v1);  //undefined
   
7.     var v1 = 200;
   
8.     console.log(v1);   //200
   
9. }
   
10. 
    
11. foo();
    
12. console.log(v1);  //100
    
13. */
    
14. 
    
15. // 下面 从变量提升角度 修改一下代码
    
16. var v1;
    
17. console.log(v1);   //此时虽然可以使用v1 但是没有赋值  所以undefined   
    
18. v1 = 100;     //这里的var 是要提升到顶部的
    
19. function foo() {
    
20.     var v1;      //这里的v1 和函数外面的v1 没有任何关系 不要混淆，反之，外面的v1 和它也没有关系
    
21.     console.log(v1);  //此时，虽然可以使用v1 但是没有赋值  所以 undefined
    
22.     v1 = 200;  //这里的var 是要提升到顶部的（自己所在块的顶部）
    
23.     console.log(v1);   //200
    
24. }
    
25. 
    
26. foo();
    
27. console.log(v1);  //这里的v1 是自己块的v1 和foo里的v1 米有关系，所以100

复制代码

我们习惯将var a =100;看做是一个声明，而实际上javascript引擎并不这么认为。
它将var a和a = 100看做是两个单独的声明，第一个是编译阶段的任务，而第二个则是执行阶段的任务。
这意味着无论作用域中的声明出现在什么地方，都将在代码本身被执行前首先进行处理，可以将这个过程形象地想象成所有的声明（变量和函数）都会被“移动”到各自作用域（不是必须 函数）的最顶端，这个过程被称为提升

跳转到最佳答案楼层

zltzlt

这句话是在哪里看到的？

晚回家

zltzlt 发表于 2020-4-26 19:03
这句话是在哪里看到的？

菜鸟教程----变量提升

wp231957

1. //据说是一道经典面试题目
   
2. /*
   
3. console.log(v1);   //undefined   
   
4. var v1 = 100;
   
5. function foo() {
   
6.     console.log(v1);  //undefined
   
7.     var v1 = 200;
   
8.     console.log(v1);   //200
   
9. }
   
10. 
    
11. foo();
    
12. console.log(v1);  //100
    
13. */
    
14. 
    
15. // 下面 从变量提升角度 修改一下代码
    
16. var v1;
    
17. console.log(v1);   //此时虽然可以使用v1 但是没有赋值  所以undefined   
    
18. v1 = 100;     //这里的var 是要提升到顶部的
    
19. function foo() {
    
20.     var v1;      //这里的v1 和函数外面的v1 没有任何关系 不要混淆，反之，外面的v1 和它也没有关系
    
21.     console.log(v1);  //此时，虽然可以使用v1 但是没有赋值  所以 undefined
    
22.     v1 = 200;  //这里的var 是要提升到顶部的（自己所在块的顶部）
    
23.     console.log(v1);   //200
    
24. }
    
25. 
    
26. foo();
    
27. console.log(v1);  //这里的v1 是自己块的v1 和foo里的v1 米有关系，所以100

复制代码

我们习惯将var a =100;看做是一个声明，而实际上javascript引擎并不这么认为。
它将var a和a = 100看做是两个单独的声明，第一个是编译阶段的任务，而第二个则是执行阶段的任务。
这意味着无论作用域中的声明出现在什么地方，都将在代码本身被执行前首先进行处理，可以将这个过程形象地想象成所有的声明（变量和函数）都会被“移动”到各自作用域（不是必须 函数）的最顶端，这个过程被称为提升

不二如是

hoist 有讲过，参看：0 1 3 4 ★ Js中的“隐式提升（hoist）”|【123加餐】

晚回家

wp231957 发表于 2020-4-27 08:41
我们习惯将var a =100;看做是一个声明，而实际上javascript引擎并不这么认为。
它将var a和a = 100看 ...

其实我本意是想问在全局作用域中的变量提升，我引用的那段话是否有点小问题。。当然，你解释的没问题，顺便问一下，预编译是不是编译其中的一个阶段？

wp231957

晚回家 发表于 2020-4-28 00:09
其实我本意是想问在全局作用域中的变量提升，我引用的那段话是否有点小问题。。当然，你解释的没问题，顺 ...

js引擎内部是咋玩的，不了解耶
你可以百度一下 JS引擎（准确说，应该叫浏览器引擎）