JavaScript|var, let, const浅析

作者: 葶寳寳 | 来源:发表于2017-01-23 11:18 被阅读0次

    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浅析

        本文链接:https://www.haomeiwen.com/subject/jnwwbttx.html