美文网首页
let 与 var 的异同

let 与 var 的异同

作者: isaaCyu | 来源:发表于2017-08-23 16:40 被阅读11次

    遇到过的一个问题

    请写出下图输出结果

    image.png

    图中第一问
    因为在let作用域的问题,在for循环中声明,循环之外销毁 所以 i not defined
    第二问
    const 声明一个常量无法更改,所以TypeError

    使用 let 需要在 文件头添加”javascript严格模式”声明 否则会报错
    严格模式 可以查看 参考阮一峰的博客http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html

    'use strict';//严格模式声明
    
    let hello = 'hello world.';
    console.log(hello);
    

    声明后未负值

    'use strict';
    
    (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.';
    }());
    

    重复声明同一个变量

    '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);
    }());
    

    作用范围不同

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

    相关文章

      网友评论

          本文标题:let 与 var 的异同

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