本教程操作环境: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中文网其它相关文章!