let 到底有无变量提升

<script type="text/javascript">var a = 456;(function() {console.log(a)let a=123})()</script>

如果let没有变量提升的话输出的应该是456

但是如果你执行代码的话会报错Uncaught ReferenceError: a is not defined

但是现在不会报这个错他会报 Cannot access 'a' before initialization 初始化前无法访问“a”

之所以会报不一样的错误是因为浏览器版本不同

想不到吧！从这里其实可以看出let存不存在变量提升有争议了，值在变量显式赋值之前不能对变量进行读写，否则就会报错，这也就是所谓的let和const的暂时性死区。

暂存死区

与通过 var 声明的有初始化值 undefined 的变量不同，通过 let 声明的变量直到它们的定义被执行时才初始化。在变量初始化前访问该变量会导致 ReferenceError。该变量处在一个自块顶部到初始化处理的“暂存死区”中。

看过很多文章后用大佬的话做下总结

①let有无变量提升取决于你如何定义变量提升。

②若[变量提升」是指变量可在声明语句之前被调用，则let没有变量提升;若[变量提升」是指变量在声明语句之前就被执行上下文记住，则let有变量提升。

③JS代码是即时编译与执行的，一个函数作用域会拥有一个执行上下文，执行上下文是一块存储空间。执行上下文内又有一个名为[变量环境」和「词法环境」的东西。

④由var和function声明的变量，在代码编译完成后，执行之前，其变量名和值就被存储在变量环境中了，所以在代码执行阶段的任何时刻，都可以调用它们，自然也能在声明语句之前调用了。

⑤由const和let声明的变量，在代码编译完成后、执行之前，其变量名被存储在词法环境中，代码执行过程中会从依据[词法环境→变量环境→闭包/上一个作用域」的顺序来查找变量，而词法环境所存储的值被要求只有在声明语句之后才能调用。所以会存在暂时性死区，但变量又确确实实被执行上下文提前记住了，所以可以把暂时性死区理解为「变量暂时不能使用的阶段」。所以得出结论①

let 到底有无变量提升相关推荐

关于JS中变量提升的规则和原理的一点理解（一）
关于变量提升,以前在一些教程和书籍上都听到过,平时开发中也知道有这个规律,但是今天突然在一个公开课中听到时,第一反应时一脸懵逼,然后一百度,瞬间觉得好熟悉啊,差点被这个概念给唬住了,不信我给你 ...
js 变量、函数重复声明和变量提升浅析
第一阶段:看山是山,看水是水先从简单的例子开始 // 示例1 var a = 1 console.log(a) // 1 var a = 2 console.log(a) // 2 通过两个var声 ...
JS中的变量提升总结
1.JS代码执行顺序我们直觉上会认为JS的代码在执行时是由上到下一行一行执行的,但实际并不完全正确,下面的例子会证明: a = 'haha' var a console.log(a) 上面的代码会输 ...
【总结】关于js变量提升
直接上代码例子1: console.log(a); 输出结果是报错. 再看例子2: console.log(a); var a = 1; 输出结果是 undefined 其实例2等同于如下例3: v ...
JavaScript 中的 Hoisting (变量提升和函数声明提升)
如何将函数声明 / 变量 "移动" 到作用域的顶部. 术语 Hoisting(提升) 在很多 JavaScript 博文中被用来解释标识符的解析.其实 Hoisting(提升) ...
js 变量提升和函数提升
2019独角兽企业重金招聘Python工程师标准>>> 创建函数有两种形式,一种是函数声明,另外一种是函数字面量,只有函数声明才有变量提升 console.log(a) // f a ...
【Web前端培训】预解析(变量提升)
今天千锋小编为大家介绍一下一下JavaScript中的预解析(变量提升).从什么是预解析及变量的预解析和函数的预解析及加载流程进行学习(注意:我们这里说的ES5中的预解析). 什么是解析首先代码执行 ...
js基础面试高频面点1：变量提升
一.什么是变量提升?var变量提升的底层原理是什么? 变量提升的定义:所有变量的声明语句都会被提升到代码头部,这就是变量提升. 原理:引擎在读取js代码的过程中,分为两步,专业来说代码运行是分为预处理 ...
Javascript中函数提升和变量提升
词法分析词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数再分析变量的声明分析函数说明具体步骤如下: 函数在运行的瞬间,生成一个活动对象(Active ...

let 到底有无变量提升

暂存死区

let 到底有无变量提升相关推荐

最新文章

热门文章