>首页> IT >

es6中let和const的区别有哪些

时间:2022-04-19 16:23:14       来源:PHP中文网

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

结果:会报错

③ 不可重复声明。

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

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

关键词: 可以改变 相关文章 依然可以