晚回家 发表于 2020-4-26 18:26:47

一个关于变量提升的问题

JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。
针对这句话,在全局作用域中声明的变量,为什么也被“提升到函数的最顶部呢”?

zltzlt 发表于 2020-4-26 19:03:57

这句话是在哪里看到的?

晚回家 发表于 2020-4-26 21:49:58

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

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

wp231957 发表于 2020-4-27 08:41:54

//据说是一道经典面试题目
/*
console.log(v1);   //undefined   
var v1 = 100;
function foo() {
    console.log(v1);//undefined
    var v1 = 200;
    console.log(v1);   //200
}

foo();
console.log(v1);//100
*/

// 下面 从变量提升角度 修改一下代码
var v1;
console.log(v1);   //此时虽然可以使用v1 但是没有赋值所以undefined   
v1 = 100;   //这里的var 是要提升到顶部的
function foo() {
    var v1;      //这里的v1 和函数外面的v1 没有任何关系 不要混淆,反之,外面的v1 和它也没有关系
    console.log(v1);//此时,虽然可以使用v1 但是没有赋值所以 undefined
    v1 = 200;//这里的var 是要提升到顶部的(自己所在块的顶部)
    console.log(v1);   //200
}

foo();
console.log(v1);//这里的v1 是自己块的v1 和foo里的v1 米有关系,所以100

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

不二如是 发表于 2020-4-27 15:41:31

hoist 有讲过,参看:0 1 3 4 ★ Js中的“隐式提升(hoist)”|【123加餐】

晚回家 发表于 2020-4-28 00:09:49

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

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

wp231957 发表于 2020-4-28 08:29:02

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

js引擎内部是咋玩的,不了解耶
你可以百度一下 JS引擎(准确说,应该叫浏览器引擎)
页: [1]
查看完整版本: 一个关于变量提升的问题