为什么JavaScript需要“提升”（hoisting）

最新推荐文章于 2024-04-22 21:07:17 发布
最新推荐文章于 2024-04-22 21:07:17 发布
阅读量219 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/htxhtx123/article/details/104549852
版权
本文详细探讨了JavaScript中的“提升”现象，包括函数提升和变量提升的原因及问题。函数提升旨在解决多重递归调用问题，而变量提升则源自早期JSVM的设计遗留。随着ES6的let关键字引入，可以避免变量提升带来的困扰。了解并掌握hoisting有助于避免潜在的编程错误。
摘要由CSDN通过智能技术生成

不知道同学们在学习JavaScript时，有没有对JavaScript的“提升”（hoisting）这个概念感到困惑。

什么是“提升”（hoisting）

我们提到hoisting的时候专指JavaScript中的一种场景：

对JavaScript的编译期间，文件中的函数，var定义的变量等的声明会被提升至命名空间（scope）的最上层。

这也就意味着，在JavaScript中，即使你的变量先初始化，再声明，也不会出现bug

x="黄腾霄好瘦";
var x;
console.log(x);

在这里插入图片描述
同样的函数也能够提升，例如

function a(n){
   
    if(n===0){
最低0.47元/天 解锁文章
xinyue_htx
关注
专栏目录
【JavaScript】JS为什么要进行变量提升？
公众号：前端充电宝
08-25 4220
前言： 用过的JavaScript的应该都知道，它有变量提升的机制，不过可能很少去考虑为什么会有变量提升的机制，现在就来看一下为什么要进行变量提升。 1. 什么是变量提升？ 变量提升实际上很容易理解，就是说在任何位置所声明的变量或函数，都会自动“提”到最前面，就好像它们是在函数的开头声明的一样。 2. 为什么进行变量提升？ 首先我们要知道，JS在拿到一个变量或者一个函数的时候，会有两步操作，即解析和执行。 在解析阶段，JS会检查语法，并对函数进行预编译。解析的时候会先创建一个全局执行上下文环境，先把代码
JavaScript提升有什么用，为什么需要提升？需要这样写吗？
weixin_45788388的博客
05-01 413
JavaScript提升是将所有声明提升到当前作用域顶部的默认行为，英文叫Hoisting。 在JavaScript中，可以在使用变量之后对其进行声明。
js为什么会进行变量提升（词法分析）
热带雨林小疯子
05-04 1446
js代码是自上而下执行，但是在js代码执行前，会先进行词法分析。所以js自上而下的执行过程分为两个词法分析和执行两个阶段。词法分析主要有三个步骤：分析参数再分析变量的声明分析函数声明具体步骤如下：函数在运行的瞬间，生成一个活动对象（Active Object），简称AO第一步：分析形参：函数接收形式参数，添加到AO的属性，并且这个时候值为undefine,即AO.age=undefine接收实参，...
js为什么要进行变量提升，它导致了什么问题
最新发布
z142536x的博客
04-22 498
JavaScript 中变量声明提升的本质原因是 JavaScript 引擎在代码执行之前会进行解析，创建执行上下文，并初始化执行上下文中需要用到的对象。在 JavaScript 中，每个执行上下文都有一个对应的变量对象，存储了当前执行上下文中的所有变量和函数声明。当访问一个变量时，JavaScript 引擎会首先在当前执行上下文的变量对象中查找，如果找不到，则会沿着作用域链向上查找，直到找到变量为止。总之，作用域链的首端是当前执行上下文的变量对象，它是 JavaScript 变量查找过程中的起始位置。
JavaScript 变量提升的作用
白瑕 的博客
06-22 526
复习一下变量提升机制, 本来是打算做个错题集来着…扯的有点多了) 我以前写过一篇JavaScript预解析机制, 哈, 刚才去看了一下差距还是有的.不同于在编译后可以直接运行的编译型语言, JavaScript作为一门解释型语言, 在执行之前要先由解释器进行转换, 形成机器可以理解阅读的机器语言, 要说的变量提升属于这个转换过程中的一步.变量提升存在于这个时期. 变量声明后还未初始化, 默认值undefined, 经过预解析步骤中的变量提升, 引擎解析的时候就能够最先遇到这些声明, 也就提前在内存中分配空间
JS变量提升的原理
weixin_46468143的博客
02-11 548
什么是变量提升？ console.log(a) var a = 10 上面这段代码不会报错 反而会输出一个undefined。这就是因为变量声明被提升了 等于 var a; console.log(a) a = 10 上面是在全局的作用域中 那在函数作用域也会出现 function fn() { console.log(a) // undefined var a = 10 } 为什么会有变量提升呢？ 变量提升原理 在短暂的编译阶段，JS会搜索出所有的变量声明，并且提前把声明生效，至于剩下的句子就需
JavaScript提升机制Hoisting详解
10-16
JavaScript的提升机制（Hoisting）是编程中一个关键的概念，尤其对于初学者来说，它可能会导致一些意外的行为。Hoisting是指在JavaScript代码执行之前，变量声明（`var`，`let`，`const`）和函数声明（但不包括函数...
JavaScript中变量提升 Hoisting
10-28
JavaScript中的变量提升（Hoisting）是指在JavaScript代码执行之前，JavaScript引擎会将当前作用域（函数或全局作用域）中所有用var声明的变量提升到作用域的顶部。然而，只有声明（即变量名）会被提升，而赋值操作...
详解javascript 变量提升（Hoisting）
10-17
在JavaScript中，变量提升（Hoisting）是一种特性，它涉及到变量和函数声明在代码执行前如何被处理的过程。理解这个概念对于编写可预测且无错误的JavaScript代码至关重要。以下是关于JavaScript变量提升的一些关键...
JavaScript系列文章：变量提升和函数提升
weixin_30723433的博客
10-18 137
第一篇文章中提到了变量的提升，所以今天就来介绍一下变量提升和函数提升。这个知识点可谓是老生常谈了，不过其中有些细节方面博主很想借此机会，好好总结一下。 今天主要介绍以下几点： 1. 变量提升 2. 函数提升 3. 为什么要进行提升 4. 最佳实践 那么，我们就开始进入主题吧。 1. 变量提升 通常JS引擎会在正式执行之前先进行一次预编译，在这个过程中，首先将变量声明及函数声明提升至...
js中的变量提升机制
心中有侠
07-15 673
    举例代码1： <script> var a = "旧的a"; function myfun(){ alert(a+"\n"); var a = "新的a"; /*①*/ alert(a); } myfun(); </script> 会先弹出undefined,再弹出新的a。疑惑就是第一个应该弹旧的a，但是确实显示...
【JS】变量提升的本质
ccuucc的博客
05-13 624
更深层次的解释let和const的变量提升
var/let/const、块级作用域、TDZ、变量提升
易函123
03-30 155
概览 ES6 新增了两个定义变量的关键字：let 与 const，它们几乎取代了 ES5 定义变量的方式：var。let是新的var,const简单的常量声明。 function f() { { let x; { // okay, block scoped name const x = "sneaky"; // error, const x = "foo"; } // error, already declared in b
关于js中变量作用于和变量提升的那些事
敲代码不爱找bug的妹子
08-12 3645
一个变量的作用域（scope）是程序源代码中定义这个变量的区域。 全局变量拥有全局作用域，在javaScript代码中任何地方都有定义的。 然而在函数内声明的变量只是在函数内部有定义，他们是局部变量，作用域也只是在局部。在函数体内，局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量，局部变量就会覆盖全局变量的值。 var scope="全局变量"; funct
js变量提升理解
baidu_33295233的博客
01-19 826
通俗的来说，变量提升就是，在变量的作用域内，不管变量在何处声明，都会被提升到作用域的顶部，但是变量初始化的顺序不变。（注意，变量提升只将声明部分提升，赋值部分不改变位置，具体可以看例子理解） 这句话是什么意思呢？举个例子： function test() { a=1; b=2; c=3 var a,b,c; console.log(a); con
对变量提升的理解
huang_ly的博客
06-09 6751
关于数据值的操作机制 栈内存：作用域 1.提供一个存放供js代码自上而下执行的环境（代码都是在栈中执行的）， 2.由于基本数据源类型值都比较简单，他们都是直接在栈内存中开辟一个位置，把值直接存进去 ps:当栈内存被销毁，存储的那些基本值也就被销毁了。 堆内存：引用值对应的空间 1.存储引用类型值（对象：键值对 函数: 代码字符串） ps:当前堆内存释放销毁，那么这个引用值彻底没了 堆内存的释放：当堆内存没有被任何变量或任何其他东西所占用，浏览器会在空闲的时候，自主的进行回收，把所有不占用堆得内存销毁掉（谷
浅谈JS变量提升
热门推荐
技术之路
07-07 3万+
1. 变量提升    ES6之前我们一般使用var来声明变量，提升简单来说就是把我们所写的类似于var a = 123;这样的代码，声明提升到它所在作用域的顶端去执行，到我们代码所在的位置来赋值。function test () { console.log(a); //undefined var a = 123; };test();上述代码a的结果是undefined，它的实际...
什么是 js 变量提升 (Javascript Hoisting)
weixin_30825199的博客
02-20 1938
Javascript是一门容易遭人误解的语言，但是它的强大毋庸置疑。个人觉得，要想深入理解Javascript语言，首先必须对其基本的概念（例如：Scope,Closure,Hoisting等）要真正理解。今天想通过自己的理解来对Javascript Hoisting（国内一般翻译为 变量提升）做一个阐述： 　　在解释Javascript Hoisting之前，先看一下几段代码： ...
JavaScript变量提升与函数提升深度解析
3. 为什么要进行提升 变量和函数提升源自JavaScript的早期设计，目的是为了简化代码的解析和执行。然而，它也可能导致混淆，特别是在使用`var`声明变量时，因为这可能导致意外的变量覆盖和作用域问题。 4. 最佳...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值