zoukankan      html  css  js  c++  java
  • JS中let和var的区别[转载]


    声明后未赋值,表现相同

    (function() {
          var varTest;
          let letTest;
          console.log(varTest); //输出undefined
          console.log(letTest); //输出undefined
        }());

    使用未声明的变量,表现不同:

    (function() {
      console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
      console.log(letTest); //直接报错:ReferenceError: letTest is not defined
    
      var varTest = 'test var OK.';
      let letTest = 'test let OK.';
    }());

    重复声明同一个变量时,表现不同:

    (function() {
          "use strict";
          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);
        }());
     

    变量作用范围,表现不同:

    (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不是同一个变量
    }());

    备注:

    使用 let 语句声明一个变量,该变量的范围限于声明它的块中。  可以在声明变量时为变量赋值,也可以稍后在脚本中给变量赋值。  

    使用 let 声明的变量,在声明前无法使用,否则将会导致错误。

    如果未在 let 语句中初始化您的变量,则将自动为其分配 JavaScript 值 undefined

    以上转自:http://blog.csdn.net/nfer_zhuang/article/details/48781671

  • 相关阅读:
    排序数据记录查询
    条件数据记录查询
    简单数据记录查询
    缓冲流
    转换流
    删除数据记录
    更新数据记录
    插入数据记录
    移动前端自适应适配布局解决方案和比较
    如何解决inline-block元素的空白间距
  • 原文地址:https://www.cnblogs.com/zpw-1/p/9927476.html
Copyright © 2011-2022 走看看