Hoisting指变量和函数声明在编译阶段被提升至作用域顶部，但仅声明被提升，赋值和函数体不提升；var声明提升并初始化为undefined，let/const声明提升但处于TDZ，函数声明完整提升优先于var变量，函数表达式仅变量声明部分提升。
JavaScript中的Hoisting（提升）是指变量和函数声明在编译阶段被“移动”到其所在作用域顶部的现象。注意：只是声明被提升，赋值或函数体不会被提升。
变量声明提升（var）
var 声明的变量会在代码执行前被提升到当前作用域顶部，并初始化为 undefined。这意味着你可以在声明之前访问它，但值是 undefined。
console.log(a); // undefined var a = 10; 等价于： var a; // 提升并初始化为 undefined console.log(a); // undefined a = 10; // 赋值保留在原位置
let 和 const 不会提升变量值
let 和 const 声明虽然也会被提升，但不会被初始化。它们处于“暂时性死区”（TDZ），在声明语句执行前访问会抛出 ReferenceError。
console.log(b); // ReferenceError: Cannot access ‘b’ before initialization let b = 20;
函数声明提升优先于变量声明
函数声明（function foo() {…}）会被完整提升——包括函数名和函数体。如果同名的函数声明和 var 变量声明共存，函数声明优先。
立即学习“Java免费学习笔记（深入）”；
console.log(typeof foo); // “function” var foo = 10; function foo() {} // 实际执行顺序相当于： function foo() {} // 先完整提升函数 var foo; // 再提升 var（但已被函数占据，不覆盖） console.log(typeof foo); // 还是 “function” foo = 10; // 此时才赋值，覆盖函数
函数表达式不会被提升
用 var/let/const 定义的函数表达式，只有变量声明部分被提升（对 var 是 undefined；对 let/const 是 TDZ），函数本身不提升。
console.log(bar()); // TypeError: bar is not a function（bar 是 undefined） var bar = function() { return ‘hello’; }; // 等价于：var bar; → bar(); → bar = function…
基本上就这些。Hoisting 是 JS 执行机制的基础表现，理解它能帮你避开不少“变量未定义”类错误。不复杂但容易忽略。
以上就是什么是JavaScript的Hoisting现象_变量和函数声明提升如何运作？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543729.html
微信扫一扫 
支付宝扫一扫 
