js中let和var定义变量的区别

js中letvar定义变量的区别

  • 1.作用域不一样,var是全局或函数作用域,而let是块作用域。
  • 2. let不能在定义之前访问该变量,但是var是可以的。
  • 3. let不能被重新定义,但是var是可以的。

1:作用域不一样,var是全局或函数作用域,而let是块作用域。

  也就是说,在函数内声明了var,整个函数内都是有效的,比如说在循环内定义了一个var变量,实际上其在循环以外也是可以访问的,而let由于是块作用域,所以如果在块作用域内(比如说循环内)定义的变量,在其外面是不可被访问的,所以let用在for (let i; i < n; i++)是一种很推荐的写法。

2. let不能在定义之前访问该变量,但是var是可以的。

  也就是说,let必须是先定义,再使用,而var先使用后声明也行,只不过直接使用但是没有却没有定义的时候,其值为undefined,这块要注意,这一块很容易出问题,这也是的letvar更好的地方,至于为啥会有这种区别呢,实际上var有一个变量提升的过程。也就是说,当这个函数的作用域被创建的时候,实际上var定义的变量都会被创建,并且如果此时没有初始化的话,则默认会初始化一个undefined。

代码举例:

while(1){
    let let1 = 2;
    var var1 = 2;
}
alert(let1); //不可访问
alert(var1); //可以访问

也就是说,let只对它所在的最内侧块内有效,而var的范围至少是一个函数之内

3. let不能被重新定义,但是var是可以的。

  从规范化的角度来说,let是更推荐的,比如说,在前面声明了一个var变量,后来写代码,因为忘了之前的代码逻辑,又声明了一个同名的变量,如果这俩变量逻辑不一样,并且后面都要用的话,很容易出问题,且不容易维护。

总之呢,let从规范化的角度来说,要比var要进步了很大一步。所以一般情况下的话,推荐用let,const这些

 详情参考:

http://www.lht.ren/article/15/

http://www.lht.ren/article/16/

原文地址:https://www.cnblogs.com/mjtabu/p/12849401.html