锐客网

  1. 首页 > it技术 > >

[es6]var、const、let的区别

js

var和let的区别：
es5中的作用域包含：全局作用域、函数作用域，定义var变量时，会出现变量提升，即定义的变量会放在定义内部的最顶部。如下经典代码对比：
源代码：
[es6]var、const、let的区别
文章图片

【[es6]var、const、let的区别】变量提升后 变量i提升到函数最前面定义：
[es6]var、const、let的区别
文章图片

输出的结果：
[es6]var、const、let的区别
文章图片

原因：var变量提升，i在for循环后值为5，callbacks里都存储里return i的函数，此时的i值是5，所以在打印的时候，调用内部的function，返回的i都是5。
es6作用域新增了块作用域：let只在块内有效，不存在变量提升，把上述的var变为let变量即可
源代码：
[es6]var、const、let的区别
文章图片

输出结果：
[es6]var、const、let的区别
文章图片

总结：
var变量的作用域包括全局作用域、函数作用域，在函数作用域里存在变量提升。而let属于es6语法，不存在变量提升，属于块级作用域，每定义一次就新增一个变量。
const是常用来定义常量，不需要经常修改值，则可以用。但是const其实也是可以修改值的，因为const只是需要变量的地址不能变，但是不能确保地址指向的值是否改变。如下：
[es6]var、const、let的区别
文章图片
[es6]var、const、let的区别
文章图片

定义了数组，修改了数组里的值，但是没有保存，并且成功修改。其实是因为数组和对象都属于引用类型数据，他们的地址都是没有改变的，只是改变了地址指向的内存存的值。所以最好不要用const定义数组对象等引用类型数据。

    推荐阅读


    上一篇：statistic|隐马尔科夫模型（HMM）与线性动态系统（LDS）

    下一篇：剑指offer全集详解python版——机器人的运动范围