温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

es6中let和const的区别是什么

发布时间:2022-04-19 16:33:43 来源:亿速云 阅读:163 作者:zzz 栏目:web开发

这篇“es6中let和const的区别是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6中let和const的区别是什么”文章吧。

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

本教程操作环境: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>

结果:会报错

es6中let和const的区别是什么

③ 不可重复声明。

以上就是关于“es6中let和const的区别是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI