时间:2021-07-01 10:21:17 帮助过:7人阅读
如下所示:
在我没有讲什么是变量提升,以及变量提升的规则之前, 或者你没有学习过变量提升,如果按照现有的javascript理解, 对于上述的例子,你可能会认为第3行代码的输出结果应该是undefined, 因为第二行是var a; 声明变量,但是没有赋值,所以a的值是undefined, 但是正确的结果是ghostwu. 至于为什么,请继续往下看!
对于上面这个例子,第一行代码,你可能认为报错, 因为在输出a之前,没有定义a变量, 但是正确的结果是undefined. 嗯,好像有点莫名奇妙,javascript太bug了.
要搞清楚为什么,首先我们要明确以下2点:
javascript代码并不是一行一行往下执行的.
javascript执行分为2个步骤:
编译(词法解释/预解释)
执行
其次,当我们碰到 var a = "ghostwu" 定义一个变量的时候, 其实js把这句话看成是2个阶段的事, var a 发生在编译阶段, a = 'ghostwu'发生在执行阶段. 然后 var a会被提升到当前作用域的最前面, a = 'ghostwu'留在原地等待执行阶段,所以:
看完编译后的代码,你明白了吗?
在接着讲下面之前,我们先明确函数常见的2种定义方式:
因为表达式和函数声明,在编译阶段,会产生不同的解释效果。
对于上面这段代码,会在编译阶段,如何解释呢?记住下面这句话就行了:
函数声明会被提升
所以,上面的代码,经过编译之后,就变成了下面这样:
所以,上面的结果就是undefined;
对于函数表达式,是不会提升的, 看下面的例子:
上面这段代码,结果为什么会是 '你好'?
因为: 当出现同名的函数声明,变量声明的时候, 函数声明会被优先提升,变量声明会被忽略。 所以经过编译之后,就变成:
如果有同名的函数声明,后面的会覆盖前面的,如下:
以上就是JavaScript中变量提升的实例详解的详细内容,更多请关注Gxl网其它相关文章!