const、let、var的区别

一、const、let、var的区别

  1. const定义的变量不可修改,const一般在require一个模块的时候用或者定义一些全局常量
  2. let声明的变量作用域是在块级域中,函数内部使用let定义后,对函数外部无影响,可以在声明变量时为变量赋值,默认值为undefined,也可以稍后在脚本中给变量赋值,在生命前无法使用。
  3. var 声明的变量作用域是全局的或者是函数级的

    二、let和var关键字的异同

    声明后未赋值,表现相同

    'use strict';
    
    (function() {
      var varTest;
      let letTest;
      console.log(varTest); //输出undefined
      console.log(letTest); //输出undefined
    }());
  4. 使用未声明的变量,表现不同:
    (function() {
      console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
      console.log(letTest); //直接报错:ReferenceError: letTest is not defined
    
      var varTest = 'test var OK.';
      let letTest = 'test let OK.';
    }());
  5. 重复声明同一个变量时,表现不同:
    'use strict';
    
    (function() {
      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);
    }());
  6. 变量作用范围,表现不同
    'use strict';
    
    (function() {
      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不是同一个变量
    }());

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭