ES6学习day01：let和const的特点及其区别

最新推荐文章于 2021-07-06 15:46:17 发布
最新推荐文章于 2021-07-06 15:46:17 发布
阅读量1.1k 收藏 3
点赞数 1
分类专栏： ES6 文章标签： JavaScript ES6 let const
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w1418899532/article/details/84717091
版权
本文介绍了ES6中let和const的关键字特性。let声明的变量仅在块级作用域内有效，不提升，有暂时性死区，且不允许重复声明。const与let相似，但其值一旦初始化后不可更改，且同样遵循块级作用域。虽然const对象或数组的元素不可重新赋值，但其内部属性和元素可变。
摘要由CSDN通过智能技术生成

let 和 const是ES2015(ES6) 新增加的两个重要的 JavaScript 关键字。

1.let命令特点：

1.ES6新增let命令。

用来声明变量，用法类似var，但是它所声明的变量只在let命令所在的代码块内有效。使用方法如下：
在这里插入图片描述
2.不存在变量提升。

let不像var那样，会发生"变量提升"现象。
通过如下程序分析：

let不存在变量提升

上面ES5和ES6两种写法只有c是var声明的，d是let声明的。输出结果为：

在这里插入图片描述

问题：
a[5]();输出为9，b[5]();输出为5。为什么呢？为什么a[5]();输出不是理想中的5呢？

答案：
因为上述ES5写法循环结束的时候i的值已经为10，c=9，调用a[5]();时i是循环结束时的值，c=9，因此输出是9。

而d变量是由let声明&#

最低0.47元/天 解锁文章
tomorrownan
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中的let和const常见特性概述
qq_45743738的博客
04-19 790
前言 本文仅对开发中常见的情况进行描述。 更为全面的描述，请参考阮一峰出版的《ECMAScript 6 入门》，第二章 let 和 const 命令 全文也参考了这本书。感谢阮一峰大神的无私共享。 let let用来声明一个变量。其主要特点有：变量不提升、只在声明的代码块里有效、不能重复声明、变量存在暂时性死区。 一下分别对上述3中情况分别讨论： // 变量不提升 // 例1： let a = ...
ES6学习——let和const的特性以及区别
xt_123456的博客
04-06 588
1.let let用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 用let声明变量a： 运行结果： 用发var定义变量b： 运行结果： let的特点： 1）不存在变量提升。 注：变量提升即变量可以在声明之前被使用，值为undefined。 var就会存在变量提升的现象，而let规定，let所声明的变量一定要在声明之后使用，否则就会报错。 2）暂时性...
总结let和const的特点，与var对比
qq_31093255的博客
07-22 216
这里写自定义目录标题总结let和const的特点，与var对比块级作用域不存在变量提升不允许重复声明暂时性死区（TDZ）不在属于顶层对象的属性 总结let和const的特点，与var对比 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 块级作用域 块级声明就是声明在指定块的作用域之外无法访问的变量。 let 和 const 都是块级声明的一种。 以上图说明了在let声明的变量在它
var，let，const三者的特点和区别
热门推荐
xiewenhui111的博客
01-26 2万+
var，let，const三者的特点和区别 一、var的特点 1、存在变量提升 console.log(a); // undefined var a = 10; // 编译过程 var a; console.log(a); // undefined a = 10; 2、一个变量可多次声明，后面的声明会覆盖前面的声明 var a = 10; var a = 20; console.log(a); // 20 3、在函数中使用var声明变量的时候，该变量是局部的 var a = 10; function
ES6新特性1：let 和 const 命令
孔子说
07-06 371
ES6介绍 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，JavaScript是ECMAScript的拓展语言，ECMAScript只是提供了最基本的语法。2009年ES5首次标准化，2015年6月发布了ES2015版本，简称ES6，该版本提供了很多新特性，是该语言的重要更新。在一些文档中用ES6来泛指ES2015之后所有的新标准，要注意分辨用ES6是特指还是泛指。 根据官网（https://262.ecma-international.org/6.0/）描
Day10:JS和HTML基础
03-18
JavaScript有词法作用域，`var`变量在全局或函数作用域中可见，而`let`和`const`在块级作用域中可见。 9. **异步编程**：JavaScript中的`async/await`和`Promise`用于处理非阻塞I/O操作，如网络请求。`fetch` API是...
day04-es6-课件.rar
04-18
`let` 和 `const` 是ES6中替代 `var` 的新变量声明方式。`let` 可以在块级作用域内声明变量，避免了`var`引起的变量提升和作用域混乱问题。`const` 用于声明常量，一旦赋值后不能再次赋值。 4. **解构赋值**： ...
day03-es6-课件.rar
04-18
`let`和`const`替代了传统的`var`声明变量。`let`允许块级作用域，防止变量提升和意外覆盖。`const`用于声明常量，一旦赋值后不能改变。 4. **解构赋值** ES6允许我们从数组或对象中直接提取值，赋给对应的变量。...
Day08:JS和HTML基础
03-16
最后，了解一下ES6（ECMAScript 2015）及其后的版本也是必要的，这是JavaScript的最新标准，引入了类（class）、模板字符串、箭头函数、let和const等新特性，使代码更加简洁和易读。 总结起来，Day08的学习涵盖了...
Day05:JS和HTML基础
03-13
此外，随着ES6（ECMAScript 2015）的推出，JavaScript语法得到了显著改进，引入了模板字符串、箭头函数、let和const变量声明等新特性，使代码更易读写。例如： ```javascript const name = '张三'; console.log(`...
总结let 与 const新特性
weixin_34242658的博客
03-01 92
1、let的作用域与const相同，支持块级作用域，并且只在声明所在的块级作用域内有效 2、二者都不存在变量提升，并且存在暂时性死区，只能在声明的位置后面使用 3、在一个作用域内，都不可重复声明，不然会报错 在es5中，只有全局作用域和函数作用域，没有块级作用域，而es6中的let为javasrcipt增加了块级作用域，并且能在块级作用域中声明函数，类似于var，即会提升到全局作用局或函数作...
ES6中声明变量 let和const特点
weixin_30768661的博客
08-22 123
在ES6中我们有两种定义变量的方式：let const let特点： 1.let定义时不会进行变量声明提升 2.变量不允许被重复定义 3.变量不可以被删除 4.在for循环当中用let定义i 循环时可以保存 i 的值 5.在块级元素中用let定义的变...
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...
详解var、let、const的特性及其区别
惠子的博客
04-01 1187
一. let命令 基本用法：跟使用es5的var一样，但有以下不同之处： 1. 不存在变量提升 var会存在变量提升现象， let和const则不会有这种情况 2. 暂时性死区（TDZ） 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。 var tmp = 123; if (true) { tmp = 'abc'; // Referenc...
详解ES6之let与const的特性_与var的区别
Youthenen的博客
06-14 188
文章目录什么是ES6？为何要学习ES6？ES6新增的语法let经典题目题目一题目二constvar、let、const的区别参考学习 什么是ES6？ ES的全称是ECMAScript,是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。js就是基于ES标准创建的语言。 ES6泛指2015年之后发行的版本。 为何要学习ES6？ 变量提升增加程序运行的不可预测性 语法过于松散 ES6新增的语法 let ES6中新增的用来声明变量的。 let声明的变量只在所处的块级有效，也就是说js新增块级作用域。
const 和java的语法_let 和 const 的区别及语法
weixin_42519170的博客
02-16 230
let和const的相似和区别相似：都是块级作用域都不能和它所在作用域内的其他变量或函数拥有相同的名称区别：const声明的常量必须初始化，而let声明的变量不用const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改。补充我们先来认识一下JavaScrip的两种作用域：全局变量和函数内的局部变量全局变量在函数外声明的变量作用域是全局的var name = "...
ES6关键字 Let 与 Const
weixin_45806273的博客
03-24 110
**在JavaScript中我们常用var关键字来声明变量，但是用var声明的变量会发生变量提升，即脚本开始运行时，变量已经存在了，将会输出undefined ** 然而在ES6中就行增加了两个重要的JavaScript 关键字: let 和 const。 一. Let let不会发生变量提升,这表示在声明它之前，变量是不存在的，这时如果用到它，就会抛出一个错误。 { let a = 0; ...
【ES6】let 和 const 命令
Dora_5537的博客
04-22 310
参考资料：阮一峰老师《ES6》电子书 ES6 声明变量的六种方法 var、function、let、const、import、class ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。 注意： DOM 的顶层对...
ES6新特性解析：let、const、箭头函数与解构赋值
"这篇ES6学习笔记主要涵盖了ES6中的新特性，如let和const的块级作用域、箭头函数的使用、参数处理、解构赋值、数组方法（map、reduce、filter、forEach）以及字符串操作。" 在ES6中，引入了一些新的语法特性，使得...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值