回答es6中let和const的区别有哪些

 所属分类:web前端开发

 浏览:108次-  评论: 0次-  更新时间:2022-10-31
描述:更多教程资料进入php教程获得。 区别:1、let声明的是变量,其值和类型都可以改变,而const声明的是常量,不可以改变,不能重新赋值;2、le...
更多教程资料进入php教程获得。

区别:1、let声明的是变量,其值和类型都可以改变,而const声明的是常量,不可以改变,不能重新赋值;2、let变量,声明后可以不初始化,而const常量,一旦声明,就必须立即初始化;3、const总是指向一个固定的地址,而let不固定。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

let和const是在es6中新引入了两种方式来申明变量的关键字,虽然我们仍然可以使用广为传诵的var变量,但是现在我们有了两种更牛的工具去使用:let和const。

es6中let和const的区别

① let声明的是变量,其值和类型都可以改变;const声明的是常量,其值和类型都不可以改变。

② let变量,声明后可以不初始化,而const常量,一旦声明,就必须立即初始化,不能以后再赋值。

const i ; // 报错,一旦声明,就必须立即初始化
const j = 5;
j = 10; // 报错,常量不可以改变
登录后复制

③ const总是指向一个固定的地址,而let不固定

const foo = {};
 
// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123
 
// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only
登录后复制

上面代码中,常量foo储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。

说明:

数组和对象等复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const只保证变量名指向的地址不变,并不保证该地址的数据不变,所以将一个复合类型的变量声明为常量必须非常小心。

const arr = [];
// 报错,[1,2,3]与[]不是同一个地址
arr = [1,2,3];
const arr = [];
// 不报错,变量名arr指向的地址不变,只是数据改变
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
console.log(arr.length); // 输出:3
登录后复制

es6中let和const的相同点:

① 只在声明所在的块级作用域内有效。

② 不存在声明提升,同时存在暂时性死区,只能在声明的位置后面使用。

<script type="text/javascript">
console.log(dadi);
let dadi = 569;
</script>
登录后复制

结果:会报错

1.png

③ 不可重复声明。

【相关推荐:javascript视频教程、web前端】

以上就是es6中let和const的区别有哪些的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: es6,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!