JS变量提升和函数提升

最新推荐文章于 2023-09-02 16:32:23 发布
最新推荐文章于 2023-09-02 16:32:23 发布
阅读量159 收藏
点赞数
分类专栏： 🌈 大自然搬运工 🌈 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xiaoyc7/article/details/125357913
版权

参考博客

总结：
1.所谓的hoisting并不会移动代码，并不是真正意义上的“提升”，而是js引擎解释执行代码过程所带来的“特性”

2.V8引擎在解释执行js代码分为三个过程：AST => 字节码 => 机器码

3.在生成AST抽象语法树时，会经历词法分析阶段和语法分析阶段

4.词法分析阶段会将当前作用域中使用到的所有变量和函数声明提前添加到词法环境这个内存空间，对于var声明的变量初始值为undefined，对于function声明的函数初始值为函数对象(优先级function>var)

5.赋值语句在生成机器码阶段即真正在执行代码的时候才会进行

6.let、const声明其实也会在词法分析阶段将变量提前添加到词法环境中，但是不会初始化变量，在赋值操作之前调用变量会报错，即存在暂时性死区

NO x ONE
关注
专栏目录
JS变量提升及函数提升实例解析
10-14
JavaScript中的变量提升（Variable Hoisting）和函数提升（Function Hoisting）是理解JS代码执行机制的关键概念。在JS中，作用域分为全局作用域和函数作用域，而在ES6引入了块级作用域（例如使用`let`和`const`声明...
基于js的变量提升和函数提升(详解)
12-08
在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。 上个简历的例子如： console.log(global); // ...
JavaScript中变量提升和函数提升的详解
11-19
第一篇文章中提到了变量的提升，所以今天就来介绍一下变量提升和函数提升。这个知识点可谓是老生常谈了，不过其中有些细节方面博主很想借此机会，好好总结一下。 今天主要介绍以下几点： 1. 变量提升 2. 函数提升 3. 为什么要进行提升 4. 最佳实践 那么，我们就开始进入主题吧。 1. 变量提升 通常JS引擎会在正式执行之前先进行一次预编译，在这个过程中，首先将变量声明及函数声明提升至当前作用域的顶端，然后进行接下来的处理。(注：当前流行的JS引擎大都对源码进行了编译，由于引擎的不同，编译形式也会有所差异，我们这里说的预编译和提升其实是抽象出来的、易于理解的概念) 下面的代码中，我们在函数中声明了
JS变量和函数提升
android_jackzhou的博客
09-11 382
一、变量提升 　　在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简历的例子如： 1 2 3 4 5 6 7 8 9 10 console.log(global);
JS中的变量提升与函数提升
qq_45153972的博客
07-14 2567
js里的变量提升与函数提升
【JS】变量提升和函数提升详解
最新发布
weixin_57208584的博客
09-02 389
为什么会有“提升”的概念，简单来说，就是JS在执行之前会经历预编译的阶段，在这个过程中会将变量声明与函数声明提升到作用域的头部。变量声明的提升是以变量所处的第一层词法作用域为“单位”的，即全局作用域中声明的变量会提升至全局最顶层，函数内声明的变量只会提升至该函数作用域最顶层。在ES6之前，变量通常用var来声明，此时在作用域内存在变量提升【在ES6之后，引入了块级作用域的概念，如果用let const去声明变量，会存在暂存死区，即虽然存在提升但是在变量的声明定义语句之前不可以调用，否则报错 】典例：
简述js中的变量提升和函数提升
weixin_45880538的博客
02-28 507
简述js中的变量提升和函数提升 先看代码 var foo = function () { console.log('foo1'); } foo(); // foo1 var foo = function () console.log('foo2'); } foo(); // foo2 function foo() { console.log('foo1'); } foo(); // foo2 function foo() { console.log('foo2'); }
详解javascript中的变量提升和函数提升
10-18
JavaScript中的变量提升（Variable Hoisting）和函数提升（Function Hoisting）是理解JavaScript执行机制的关键概念，它们在JavaScript代码解析和执行过程中起着至关重要的作用。本文将详细讲解这两个概念，帮助...
js变量提升（函数提升）
qq_72023758的博客
08-31 223
变量提升是JavaScript中的一种行为，它允许在变量声明之前就可以访问和使用变量。在JavaScript中，变量提升是指在代码执行之前，JavaScript引擎会将变量的声明部分提升到作用域的顶部，但变量的赋值操作仍然会保留在原来的位置。变量提升只会提升声明，不会提升赋值。
js中的变量提升和函数提升
weixin_43025823的博客
02-21 202
1、变量提升 1、通常JS引擎会在正式执行之前先进行一次预编译，在这个过程中，首先将变量声明及函数声明提升至当前作用域的顶端，然后进行接下来的处理 2、如果当前作用域中存在此变量声明，无论它在什么地方声明，引用此变量时就会在当前作用域中查找，不会去外层作用域了 2、函数提升 1、如果在同一个作用域中存在多个同名函数声明，后面出现的将会覆盖前面的函数声明 2、函数声明的优先级最高，会被提升至当前作用...
用JavaScript吊装
weixin_26723981的博客
09-30 165
by Kirill Chaim Shcherbina 由Kirill Chaim Shcherbina What is it? 它是什么？ The JavaScript engine stores function and variable declarations in memory during the compilation phase. So by the time the execu...
js变量提升和函数提升
xingxingxingge的博客
06-19 209
变量提升: 就是把变量声明提升到当前执行环境的最顶端 在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简单的例子如： console.log(global); // undefined var global = 'global'; console.log(global...
js中的变量提升和函数提升（面试最爱问）
lovecoding1的博客
05-13 790
js中的变量提升和函数提升（面试最爱问）
理解JS中变量提升和函数声明提升
AwsuEver
10-01 484
（一）变量提升： 1.变量定义 ES6之前可以使用var关键字来定义一个变量；若变量未初始化，则变量的值为undefined 2.变量作用域 根据变量作用域可以分为全局变量和局部变量；全局变量的作用域为全部作用域；局部变量作用域为函数内； 在函数作用域内，若全局变量名和局部变量名相同，那么局部变量的优先级会高于全局变量，也就是说局部变量的值会覆盖全局变量的值； 在JS变量声明中，若不使...
JS面试中的的变量提升和函数声明
Night_Emperor的博客
08-16 978
在网络上搜集的面试题，通过运行加了注释。 例1. var b=2;//声明全局变量 function test2(){     window.b=3;//也是全局变量，并且覆盖了前面的b     console.log(b); } test2();//3 alert(b);//3 例2. c=5;//声明一个全局变量c function test3(){     window.c=
【JavaScript高级】变量提升与函数提升
lijibai_的博客
02-14 455
在理解变量提升和函数提升之前，我们需要先理解好JavaScript的作用域的奇特之处。 和C、C++、以及Java不同，在ES6之前，JavaScript没有块级作用域，只有全局作用域和函数作用域。 先看一个例子感受一下 <script> var a = 3 function fn(){ console.log(a) var a = 4 } fn() </script&
原生js作用域以及变量提升和函数提升的理解
weixin_39755186的博客
06-21 606
在ES5的时候，只存在两种作用域：函数作用域和全局作用域；ES6出现后，增加了块级作用域 首先通过代码讲下ES5中的函数作用域和全局作用域理解： <script type="text/javascript"> var a = 0; func(); function func() { var b = 1; console.log(a); //0 函数作...
浅谈JavaScript变量提升与函数提升
筱葭的博客
04-05 710
从两个实例说起： eg1： var i; console.log(i); // 2 eg2： console.log(i); // undefined var i = 2;   1、提升 变量和函数声明从它们在代码中出现的位置被提升到了最上面。 注意： 只有声明本身会被提升，而赋值操作不会被提升。 变量会提升到其所在函数的最上面，而不是整个程序的最上面。 函数声明会被提升，但
javaScript变量提升以及函数提升
wfly blog
09-19 1499
直觉上会认为JavaScript代码在执行时是由上到下一行一行执行的。但实际上这并不完全正确，有一种特殊情况会导致这个假设是错误的。示例如下考虑以下代码：a = 2;var a;声明会输出什么呢？很多人会认为是undefined，因为var a声明在a = 2之后，他们自然而然地认为变量被重新赋值了，因此会被赋予默认值undefined。但是，真正的输出结果是2。考虑另外一段代码：你可能会认为这个代码片段也会有同样的行为而输出2。还有人可能会认为，由于变量a。...
JavaScript变量提升与函数提升详解
JavaScript中的变量提升（Hoisting）和函数提升是理解JS代码执行机制的关键概念。这两者都与JS的预解析阶段有关，这个阶段发生在代码实际执行之前。 1. **作用域**： - **全局作用域**：在所有函数外部定义的变量...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值