跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

javascript的Hoisting是什么_变量提升是如何发生的?

JavaScript变量提升指声明被移至作用域顶部,但赋值不提升;var声明提升后访问为undefined,let/const存在暂时性死区会报错,函数声明完全提升而函数表达式仅变量名提升。 JavaScript 的 Hoisting(变量提升)指的是在代码执行前,JavaScript 引擎会先把变量声明和函数声明“移动”到其所在 作用域 的顶部。注意:只是声明被提升,赋值不会被提升。 变量提升只提升声明,不提升赋值 使用 var 声明的变量,其声明会被提升到作用域顶部,但初始化(即等号右边的值)仍保留在原位置。因此,在声明前访问该变量会得到 undefined ,而不是报错。 例如:
console.log(a); // undefined var a = 10; console.log(a); // 10
引擎实际处理逻辑类似这样: 立即学习 “ Java免费学习笔记(深入) ”;
var a; // 声明被提升 console.log(a); // undefined a = 10; // 赋值保留在原地 console.log(a); // 10
let 和 const 不会进行变量提升(但有暂时性死区) let 和 const 声明虽然也存在“提升”,但它们不会被初始化为 undefined 。在声明语句执行前访问它们,会直接抛出 ReferenceError 。 这是因为它们处于“暂时性死区(Temporal Dead Zone, TDZ)”中——从块级作用域开始到声明语句执行完成前,都不能访问。 Eclipse导入Android或其他的JAVA项目的正确方法 WORD版 本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 下载 例如:
console.log(b); // ReferenceError let b = 20;
函数声明会被完整提升,函数表达式只提升变量名 函数声明(function declaration)不仅声明被提升,整个函数体也会被提升,因此可以在声明前调用。 而函数表达式(function expression)本质是赋值操作,只有 var 变量声明部分被提升,函数本身不会被提升。 函数声明可提前调用:
foo(); // 正常输出 "hello" function foo() { console.log("hello"); }
函数表达式不行:
bar(); // TypeError: bar is not a function var bar = function() { console.log("world"); };
提升发生在编译阶段,与代码书写顺序无关 JavaScript 引擎在执行代码前会先进行“编译”(更准确说是“解析+创建执行上下文”),此时收集所有 var 、 function 声明,并为它们分配内存空间( var 初始化为 undefined , function 初始化为函数体)。这个过程独立于你写的代码行号或缩进。 也就是说,哪怕函数写在文件最后一行,只要它是声明形式,就能在文件开头被调用。

相关文章