var和let的区别:

es5中的作用域包含:全局作用域、函数作用域,定义var变量时,会出现变量提升,即定义的变量会放在定义内部的最顶部。如下经典代码对比:

源代码:                          

变量提升后 变量i提升到函数最前面定义:

 

输出的结果:

原因:var变量提升,i在for循环后值为5,callbacks里都存储里return i的函数,此时的i值是5,所以在打印的时候,调用内部的function,返回的i都是5。

es6作用域新增了块作用域:let只在块内有效,不存在变量提升,把上述的var变为let变量即可

源代码:

输出结果:

总结:

var变量的作用域包括全局作用域、函数作用域,在函数作用域里存在变量提升。而let属于es6语法,不存在变量提升,属于块级作用域,每定义一次就新增一个变量。

const是常用来定义常量,不需要经常修改值,则可以用。但是const其实也是可以修改值的,因为const只是需要变量的地址不能变,但是不能确保地址指向的值是否改变。如下:

               

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

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐