let const 块级作用域 +禁止变量提升

最新推荐文章于 2022-10-13 18:30:06 发布
最新推荐文章于 2022-10-13 18:30:06 发布
阅读量319 收藏
点赞数
分类专栏： ES6-7-+额外奇葩写法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26239917/article/details/94960777
版权

1.变量提升：所有变量的声明会全部压入栈顶执行，也就是声明语句优先执行，统一设置为undefined，换句简单的，变量可以在声明之前使用，值为undefined

2.块级作用域：ES5本身是没有块级作用域的，但是有私有作用域，需要使用自运行函数形成闭包，形成私有作用域，禁止外部读取内部变量；

3.let const 这两个关键字就能够限制变量只作用在当前代码块,{}就是一个代码块，还可以让变量进入暂时性死区，防止变量提升

4.为什么需要块级作用域

用var 声明的变量会出现变量提升，而且，在外部还可以访问到函数里面声明的var变量

Fade Away
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中变量的赋值和变量提升，如何阻止变量提升
m0_67576744的博客
04-09 1352
声明变量（定义变量） ​ // 变量声明 ：保存数据 // document var var userName; // 变量name console.log(userName) // name' '; // 变量赋值 name = "我是一个变量"; // 字符串类型 console.log(name) console.dir("------------------"); // 定义变量的同时 赋值 va
结合JavaScript编译原理谈谈为什么let/const能实现块级作用域和阻止变量提升
smx19980410的博客
04-14 737
那么，还是先来一道“开胃菜“: console.log(name1); var name1 = "demo1"; console.log(name2); let name2 = "demo2"; 来，控制台要输出什么？ 很显然，控制台将第一次输出undefined。 第一次非常容易理解：使用var 声明的变量会变量提升，控制台输出将在变量赋值之前，你可以理解成是下面这样的代码： var name1 ; console.log(name1); name1 = "demo1"; 第二次将直接报错，原因是es
关于es6中let的相关问题
weixin_30657541的博客
09-04 157
　　之前通过babel-node将es6转为es5后结合生成的es5代码认为let是在es5的基础上封装的语法糖，并且通过babel-node执行没有报ReferenceError而认为其有变量提升，其实这是错误的，let是es中新加入的一个标识符而已。并且没有变量提升。特此勘正。 　　1、let中没有变量提升。 　　在通过babel-node执行es6的代码时，是将es6转换为es...
JavaScript变量提升
悄悄quite
05-08 233
变量提升，指的是变量声明总是会被解释器‘提升’到函数体的顶部。 1 当局部变量和全局变量同名时，局部变量会覆盖全局变量；但是看下面程序 <script type="text/javascript" > var x = "全局变量"; function test(){ document.writeln(x+"<br >"); var x="局部变量"...
var/let/const、块级作用域、TDZ、变量提升
易函123
03-30 127
概览 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
深入理解JavaScript中的块级作用域、私有变量与模块模式
10-21
在ES6之前，JavaScript只有函数作用域，但从ES6开始引入了`let`和`const`关键字，它们允许在块级作用域内声明变量。例如，以下代码展示了`let`如何在块级作用域中工作： ```javascript function example() { if ...
ES6使用let命令更简单的实现块级作用域实例分析
11-26
ES6中的`let`命令是JavaScript语言的一次重大更新，它为开发者提供了更精确的控制变量的作用域，尤其是在块级作用域中。在此之前，`var`关键字被广泛用于声明变量，但存在一些问题，比如变量提升（hoisting）和全局...
JavaScript的作用域和块级作用域概念理解
10-25
在ES6及以后的版本中，使用`let`和`const`关键字可以更好地实现块级作用域，从而避免一些由函数作用域带来的问题。同时，通过利用函数作用域和闭包特性，我们可以有效地管理变量和函数，提升代码质量。
深入理解ES6学习笔记之块级作用域绑定
08-29
总结，ES6的块级作用域绑定通过let和const关键字改变了JavaScript的变量管理方式，消除了var带来的潜在问题，提供了更精确的变量作用域，增强了代码的可读性和维护性。对于开发人员来说，理解并熟练运用这些新特性是...
JS——变量提升与不提升
weixin_44016230的博客
10-27 227
变量提升 初始化不变量提升
var与let，const的区别（作用域、变量提升）
lyyo_cd的博客
08-14 231
什么是变量提升？ JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。 一）var声明变量存在变量提升，let和const不存在变量提升 console.log(a); // undefined ===> a已声明还没赋值，默认得到undefined值 var a = 100; console.log(b); // 报错：b is not defined ===> 找不到b这个变量 le.
看透变量提升与块级作用域实现的原理
lefex的博客
01-19 384
在用2000字详细解答昨天的题目（再忙也要看一下），期中考试之 var、let、const，var 很傻、let 很亲切 、const 更坚定这几节课程中我们讲到了变量提升，但是你有...
ES6中let定义变量会提升吗
前端帅小伙
12-25 575
es6不支持变量提升，程序会报错
什么是变量提升？
liuhao9999的博客
03-22 5005
提升是用来描述变量和函数移动到其(全局或函数)作用域顶部的术语。 为了理解提升，需要来了解一下执行上下文。执行上下文是当前正在执行的“代码环境”。执行上下文有两个阶段:编译和执行。 编译-在此阶段，JS 引荐获取所有函数声明并将其提升到其作用域的顶部，以便我们稍后可以引用它们并获取所有变量声明（使用var关键字进行声明），还会为它们提供默认值：undefined。 执行——在这个阶段中，它将值赋给之前提升的变量，并执行或调用函数(对象中的方法)。 **注意:**只有使用var声明的变量，或者函数声.
var变量提升
comedyking的博客
08-16 3529
概要 原本只是想复习一下变量提升的知识，没想到引发了一系列知识点出来，什么执行上下文、环境记录、词法环境、变量环境。。。真滴是活到老学到老。 理清执行上下文、作用域、环境记录、词法环境等概念：https://blog.csdn.net/comedyking/article/details/119722561 先看下什么是变量提升 变量提升 指的是 js代码执行过程中，js引擎把变量声明部分和函数声明部分提升到作用域顶端，并设置默认值undefined showName() console.log
变量提升必须注意的问题
前端精髓
01-03 2600
声明变量在使用一个变量的时候，我们必须先声明一个变量，我们共有 var，let，const 这三个关键字可选择
关于变量提升和函数提升
trophy_up的博客
06-22 122
var 声明变量提升和函数声明提升 函数优先提升 函数提升后，变量提升，因为 foo 重复声明了，所以变量提升的 foo 会被忽略 foo();//2 var foo; function foo() { console.log(2); } 函数重复声明的提升 与 var 声明不同，后面的函数声明会覆盖前面的函数声明 foo();//3 function foo() { console.log(2); } function foo() { console.log(
var、let、const
最新发布
N1317的博客
10-13 168
js基础
js基础--简介、变量、运算符、变量提升
小白小白从不日别的博客
04-03 250
一、简介 javascript是一种轻量级的脚本语言(为弱语言类型)，可以部署在多种环境中，最常见的部署环境就是浏览器。 所谓“脚本语言”，指的是它不具备开发操作系统的能力，而只是用来编控制其他大型应用程序的操作方法。 JavaScript属于解释型语言。 JavaScript为单线程。 1.那么何为编译型语言和解释型语言呢？ a.解释型语言与编译型语言的区别在于 编译型语言是通篇翻译，也就是说比如你写了10行代码，但是它不会一行一行的进行翻译，而是10行代码全部‘看’完了再通篇翻译，翻译完后会生成一

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值