JavaScript|var, let, const浅析

1.var命令

  • var声明的变量,在全局范围内都有效,可以修改;

   var a = 1;
   function change(){
     a = 4;
     console.log(a);//可以输出a=4
   } 
   change();
  • 声明时,不初始化会输出undefined,不会报错。

  var a; //不会报错
  console.log(a); //undefined
  • 存在变量提升

    console.log(foo); // 输出undefined
    var foo = 2;
    

2.let命令

  • let的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效;

    for (let i = 0; i < 10; i++) {}
    console.log(i);
    //ReferenceError: i is not defined
    
  • 使用let命令声明变量之前,该变量都是不可用的(不存在变量提升);

  console.log(bar); // 报错ReferenceError
  let bar = 2;
  • let不允许在相同作用域内,重复声明同一个变量。

  // 报错
  function () {
    let a = 10;
    var a = 1;
  }

  // 报错
  function () {
    let a = 10;
    let a = 1;
  }

3.const命令

  • const声明一个只读的常量。一旦声明,常量的值就不能改变。

  const PI = 3.1415;
  PI // 3.1415

  PI = 3; // TypeError: Assignment to constant variable
  • const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。

  const foo; // SyntaxError: Missing initializer in const declaration
  • const的作用域与let命令相同:只在声明所在的块级作用域内有效。

  if (true) {
     const MAX = 5;
  }

  MAX // Uncaught ReferenceError: MAX is not defined
  • const命令声明的常量,与let一样也不提升,只能在声明的位置后面使用。

  if (true) {
    console.log(MAX); // ReferenceError
    const MAX = 5;
  }

上面代码在常量MAX声明之前就调用,结果报错。

  • const声明的常量,也与let一样不可重复声明。

  var message = "Hello!";
  let age = 25;

  // 以下两行都会报错
  const message = "Goodbye!";
  const age = 30;
  • 对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。

  const foo = {};
  foo.prop = 123;

  foo.prop
  // 123

  foo = {}; // TypeError: "foo" is read-only

上面代码中,常量foo储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。

分别在什么情况下使用?
es6里面不建议使用var了,因为var定义的变量没有块级作用域,还会出现变量提升的情况,这样经常会导致你意想不到的错误;而let就不会这样,const是定义那些不可以被重新赋值的变量,let是定义普通的变量。

如有错误,请指正!

你可能感兴趣的:(JavaScript|var, let, const浅析)