JS内容技术干货JavaScript 进阶营

JavaScript|var, let, const浅析

2017-01-23  本文已影响0人  葶寳寳

1.var命令

   var a = 1;
   function change(){
     a = 4;
     console.log(a);//可以输出a=4
   } 
   change();

  var a; //不会报错
  console.log(a); //undefined

2.let命令

  console.log(bar); // 报错ReferenceError
  let bar = 2;

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

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

3.const命令

  const PI = 3.1415;
  PI // 3.1415

  PI = 3; // TypeError: Assignment to constant variable

  const foo; // SyntaxError: Missing initializer in const declaration

  if (true) {
     const MAX = 5;
  }

  MAX // Uncaught ReferenceError: MAX is not defined

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

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

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

  // 以下两行都会报错
  const message = "Goodbye!";
  const age = 30;

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

  foo.prop
  // 123

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

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

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

如有错误,请指正!

上一篇下一篇

猜你喜欢

热点阅读