美文网首页
变量提升

变量提升

作者: Yuxin_Liu | 来源:发表于2017-02-12 19:35 被阅读0次

变量提升是什么鬼?

先看两端代码吧:


正确的执行顺序:var a; a=2; console.log(a);

正确的执行顺序:var d; console.log(d);d=2;

浏览器引擎会在解释js之前对其进行编译,编译阶段会做的一部分工作就是找出所有的声明,并把他们用合适的作用域关联起来。
所以!任何声明形式的变量或是函数,都会在所有代码执行之前首先被处理。这个过程就好像被声明的变量和被声明的函数(以var开头的函数表达式不会被提升)被移动到了最上面,也就是被“提升”了。

var a=2;这条语句实际上是分两步:var a; a=2;a=2这条赋值操作是原地不动的。

同样是声明,函数的提升(function开头)会比变量的提升(var开头)还优先!也就是说先提升所有的函数,再开始提升变量。看下面这段。

实际的操作顺序是:

function foo(){ console.log(1)}
foo();
foo = function(){ console.log(2)}

这里面var foo是重复的声明,因此被忽略了。

再看下面这段:

可以看出,对于声明和声明来说,后面的声明会覆盖前面的声明。而var同样是会被忽略掉。

最后注意的是,要避免块内函数声明,不同的浏览器可能会对这种情况做不同的处理,chrome中:

相关文章

  • 浅析关于 JS 作用域的几个高频知识点

    闭包 词法作用域 变量提升 变量提升 什么是变量提升 顾名思义,变量提升指的是,在声明变量的时候,变量的声明位置会...

  • JS中的提升

    JS中包含两种提升,变量提升和函数提升。 变量提升 变量提升只能是var或者function声明的变量或者函数,l...

  • 变量提升问题

    这是 变量提升问题 1. 变量提升, 很简单,就是把变量提升提到函数的top的地方。我们需要说明的是,变量提升 只...

  • JavaScript__变量声明提升(Hoisting)

    摘取:http://www.jb51.net/article/30719.htm 变量提升 变量提升就是把变量提升...

  • var,let,const 的区别

    变量提升 变量提升即将变量声明提升到它所在作用域最前面,而且仅仅是提升变量,不会提升所赋的值 执行流程 作用域 在...

  • 执行上下文和执行上下文栈

    一、变量提升和函数提升 首先回顾一下什么是变量提升。 变量声明提升,通过var定义(声明)的变量,在定义语句之前就...

  • let const var

    变量提升 函数会优先于变量提升; 函数提升会把整个函数移到作用域顶部 变量提升智慧把变量的定义移到作用域顶部 wi...

  • 2021-04-02

    变量提升和函数提升以及他们的优先级 1,变量提升:变量提升是指将变量声明提升到它所在的作用域的最开始部分 2,函数...

  • 关于变量提升

    函数提升的优先级要高于变量提升,变量提升到函数声明的后面; 变量提升,但是赋值不提升,函数表达式不提升;

  • Javascript 变量执行过程 和 数组 & 对象的区别

    变量提升 JS执行过程1. 先提升(先提升函数,再提升变量,如果名字一样,变量提升会覆盖函数提升)2. 再执行,如...

网友评论

      本文标题:变量提升

      本文链接:https://www.haomeiwen.com/subject/wegaittx.html