当前位置: 代码迷 >> 综合 >> let和var定义变量的区别
  详细解决方案

let和var定义变量的区别

热度:18   发布时间:2023-09-22 04:12:16.0

一、let不能在js中使用,是es6的语法,需要在js中使用就必须使用严格模式:'use strict';
二、声明后未赋值,表现相同
  var varTest;
  let letTest;
  console.log(varTest); //输出undefined
  console.log(letTest); //输出undefined
也即是说声明后直接使用输出都是一样的undefined

三、使用未声明的变量,不同
 console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
  console.log(letTest); //直接报错:ReferenceError: letTest is not defined
直接使用没有声明的变量,let直接报错,var的提示未定义:undefined

四、重复声明同一个变量的时候,不同
 var varTest = 'test var OK.';
  let letTest = 'test let OK.';
 
  var varTest = 'varTest changed.';
  let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared
 
  console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
  console.log(letTest);
var 重复声明,第二次声明会覆盖第一次声明的值

let重复声明会报错

五、变量作用域不同
{
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
 
  {
    var varTest = 'varTest changed.';
    let letTest = 'letTest changed.';
  }
 
  console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明
  console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量
}
大括号包裹的是一个作用域,不同;作用域let声明的变量只在当前的作用域里面有用,和另一个作用域里面的let声明的变量是两个不同的变量,互相不会有影响

而var的声明的是全局的变量

  相关解决方案