总结let和const的特点，与var对比

最新推荐文章于 2022-05-06 10:43:50 发布
最新推荐文章于 2022-05-06 10:43:50 发布
阅读量215 收藏
点赞数 1
分类专栏： es6 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31093255/article/details/107504545
版权

总结let和const的特点，与var对比

块级作用域

块级声明就是声明在指定块的作用域之外无法访问的变量。
let 和 const 都是块级声明的一种。
在这里插入图片描述
以上图说明了在let声明的变量在它块级作用域才有效，而var变量是因为变量提升了，所以没报错

块级作用域的作用有哪些
1、防止内层变量覆盖外层变量
var例子
let例子
2、for循环中计数的循环变量不在泄露为全局变量
在这里插入图片描述
在这里插入图片描述

不存在变量提升

在这里插入图片描述

不允许重复声明

1、不允许在同个块级作用域下声明同个变量
在这里插入图片描述
2、不允许在函数内同个块级作用域重新声明与参数相同的变量
在这里插入图片描述
在这里插入图片描述

暂时性死区（TDZ）

暂时性死区：在代码块内，在let和const变量声明前，该变量都不可
例一：
在这里插入图片描述
这段代码为啥报错？
test函数的参数运算相当于
let a = b;//属于暂时性死区，在变量之前使用
let b = 2;

例一：在es5前，使用typeof来验证一个未声明的变量的类型是不会报错
在这里插入图片描述
在这里插入图片描述

不在属于顶层对象的属性

在es5之前，var命令和function命令声明的全局变量，属于顶层对象（window）的属性
在这里插入图片描述

在es6之后，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性
在这里插入图片描述

qq_31093255
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6学习day01：let和const的特点及其区别
tomorrownan的博客
12-02 1183
let 和 const是ES2015(ES6) 新增加的两个重要的 JavaScript 关键字。 1.let命令特点： 1.ES6新增let命令。 用来声明变量，用法类似var，但是它所声明的变量只在let命令所在的代码块内有效。使用方法如下： 2.不存在变量提升。 let不像var那样，会发生"变量提升"现象。 通过如下程序分析： 上面ES5和ES6两种写法只有c是var声明的，d是let...
ES6学习——let和const的特性以及区别
xt_123456的博客
04-06 587
1.let let用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 用let声明变量a： 运行结果： 用发var定义变量b： 运行结果： let的特点： 1）不存在变量提升。 注：变量提升即变量可以在声明之前被使用，值为undefined。 var就会存在变量提升的现象，而let规定，let所声明的变量一定要在声明之后使用，否则就会报错。 2）暂时性...
let、const优势之道
guard_ring的博客
05-02 705
.不存在变量提升：如果变量提升，内层变量覆盖外层相同变量，所以es6不允许这种情况，es5提示undefined、es6直接报错.暂时性死区，绑定变量于相应块级作用域内、外部相同变量的声明无法修改作用域内变量.不允许重复性声明.es5只有函数作用域和全局作用域，没有块级作用域    。为什么需要块级作用域，可以确保数据的回收，不会将子作用域的变量暴露于外层作用域中.es6明确规定块级作用域内可以声...
ES6特性：let 和 const命令
Jester的博客
03-02 189
ES6新增let命令，用来声明变量。 （1）用法类似于var，但是let声明的变量，只在let所在的代码块内有效。 { var a=1; let b=2; } console.log(a); // 1 console.log(b); // 报错 b is not defined for (let i = 0; i < 10; i++) { } co...
const，let，var的特点
qq_36002582的博客
03-16 979
（本文参考了该文章https://blog.csdn.net/hot_cool/article/details/78302673） const实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个...
JavaScript ES6中const、let与var的对比详解
10-19
在JavaScript ES6中，新增了const和let两个声明变量的关键字，与传统的var关键字形成了对比。本文将详细介绍const、let和var的用法、作用域、变量提升、初始化以及重复声明等方面的区别。 首先，var关键字是早期...
JavaScript中const、var和let区别浅析
10-21
在JavaScript中有三种声明变量的方式：var、let、const。但是有朋友不清楚这三种声明变量的区别，下面脚本之家小编给大家详细介绍下js中const、var和let的区别，感兴趣的朋友一起看看吧
详解微信小程序中var、let、const用法与区别
10-15
而let和const是ES6中新增的两个关键字，它们都提供了块级作用域的支持，这是它们与var的最大区别之一。块级作用域指的是变量只在其声明的代码块内有效，代码块外部无法访问。 let声明的变量在使用前必须先声明，...
let 和 const 的简述
01-20
总结一下，`var`、`let`和`const`在JavaScript中的主要区别如下： 1. **作用域**：`var`是函数作用域，`let`和`const`是块级作用域。 2. **变量提升**：`var`存在变量提升，而`let`和`const`没有变量提升。 3. **可...
var、let、const对比
guanguan0_0的博客
02-25 183
  块作用域{ }        在ES6之前，JS的作用域只有两种，全局作用域和函数作用域，没有块作用域的概念。ES6中增加了块级作用域，由{ }包括，if语句和for语句里面的{ }也属于块作用域。 var、let、const 1、var声明的变量会挂载在window上，而let和const声明的变量不会： var a = 1; let b = 2; const c = 3; c...
ES6中的let和const常见特性概述
qq_45743738的博客
04-19 790
前言 本文仅对开发中常见的情况进行描述。 更为全面的描述，请参考阮一峰出版的《ECMAScript 6 入门》，第二章 let 和 const 命令 全文也参考了这本书。感谢阮一峰大神的无私共享。 let let用来声明一个变量。其主要特点有：变量不提升、只在声明的代码块里有效、不能重复声明、变量存在暂时性死区。 一下分别对上述3中情况分别讨论： // 变量不提升 // 例1： let a = ...
ES6 let var const 对比区别总结 let面试题 JS中var和let const的区别
，
12-15 2888
let var const var关键字 var关键字的用法 js中声明变量的关键字。 var num = 1; 如果在函数作用域中声明，为局部变量；如果在全局中声明，则为全局变量。 num = 2; 这种写法实际上是赋值，如果在函数作用域中赋值就会去找当前函数作用域中的num，如果当前作用域中没有这个变量就会接着去上一个作用域中寻找，直到找到全局，在全局中如果也并没有声明过这个变量，就会给全局对象window强行添加一个num属性进行赋值。 var关键字的缺点 1） var会被声明提前，会打乱程序原本
ES6新特性 let和const总结
指尖笑
11-04 401
ES6 声明变量的六种方法 ES5 只有两种声明变量的方法：var命令和function命令。 ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。 -----------------------------------------------------------------------------------------------------------------------...
let var const 总结
幼儿园老大的博客
10-09 133
首先总结下let/var/const三者的区别与联系 总结 1.let和var和const的区别 let没有变量提升，var有，所谓的变量提升即能否在声名变量前访问变量 let 有块级作用域，var没有，所以if for等块对var来说没有限制作用，对let有 在全局作用域中let声明不会像var一样会在全局window对象中创建一个属性 let会有暂时性死区，只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。 const的作用很多时候和let是一样的，
浅谈vue --＞var let const区别使用对比
上上迁的专栏
11-19 1155
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
ES6中声明变量 let和const特点
飞翔的熊blabla
04-21 335
在ES6中我们有两种定义变量的方式：let const let特点： 1.let定义时不会进行变量声明提升 2.变量不允许被重复定义 3.变量不可以被删除 4.在for循环当中用let定义i 循环时可以保存 i 的值 5.在块级元素中用let定义的变...
var、let、const的特点与区别
xu_tangdoudou_qi的博客
05-06 345
var的特点：存在变量声明提升；变量可以重复声明，前面的声明会被后面的声明覆盖；var在声明变量的时候，该变量是局部的。 let的特点：不存在变量提升，不可以在声明之前使用它，let声明变量前，该变量不能使用；不允许在同一个作用域中重复声明；命令所在的代码块内有效，局部有效。 const的特点：声明一个只读的变量，声明后，值就不能改变；不存在变量声明提升，不可以在声明之前使用它，不允许重复定义一个变量；let该有的特点const都有。 三者的区别： var 声明是全局作用域或函数作用域，而 let.
ES6——关键字let和const
RainGirl_的博客
04-01 945
ES6新增关键字let和const，用来定义变量； 1，关键字let的特点：声明块级作用域变量；不允许多次声明同一个变量；不存在变量声明提升；块级作用域下使用let或const命令或形成一个作用域封闭去(暂时性死区)即不允许变量在声明前使用；for语句上声明的变量与上一次声明的变量不是同一个，即for语句上声明的变量是局部变量，不是全局变量； let关键字的使用： //不能重复定义同一个变量--------- var hello = 'hixi'; var hello = 'ed'; let tes
TypeScript笔记(二)：var，let，const三个声明变量的区别和优缺点
Sheyami的代码乐园
11-12 6563
let和const是JavaScript里相对较新的变量声明方式。 let在很多方面与var是相似的，但是可以帮助大家避免在JavaScript里常见一些问题。 const是对let的一个增强，它能阻止对一个变量再次赋值。 因为TypeScript是JavaScript的超集，所以它本身就支持let和const。 如果想要全方位了解这些声明方式以及为什么推荐使用let，const来代替var，欢迎查看官方文档：变量声明 · TypeScript中文网 · TypeScript——JavaS...
let和const和var
最新发布
04-29
在JavaScript中，用于声明变量的关键字有三个：var、let和const。 var：是ES5中定义变量的关键字，它的作用域是函数级别的，即在函数外定义的变量是全局变量，在函数内定义的变量只在函数内有效。 let：是ES6中新增的定义变量的关键字，它的作用域是块级别的，即在花括号内定义的变量只在这个花括号内有效，包括if语句、for循环等。 const：也是ES6中新增的定义变量的关键字，它用于定义常量，一旦定义后就不能再修改，但是如果定义的是对象或数组，可以修改对象或数组中的属性或元素。 总的来说，推荐使用let和const来定义变量，因为它们更加安全可靠，并且有助于避免意外的变量重复声明和变量提升等问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值