重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

es6中let和const的区别是什么

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

成都创新互联公司专业为企业提供大观网站建设、大观做网站、大观网站设计、大观网站制作等企业网站建设、网页设计与制作、大观企业网站模板建站服务,10余年大观做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

区别: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的相同点:

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

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


console.log(dadi);
let dadi = 569;

结果:会报错

es6中let和const的区别是什么

③ 不可重复声明。

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


标题名称:es6中let和const的区别是什么
当前链接:http://cqcxhl.cn/article/gdhces.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP