zoukankan      html  css  js  c++  java
  • var、let、const的区别


    var 学过JavaScript的都很熟悉,用来声明一个变量。

    letconst 是ECMAScript 6中新增的命令。


    简单了解一下ECMAScript 6:

    • ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
    • ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现(另外的ECMAScript方言还有Jscript和ActionScript)。

    var

    var 声明语句声明一个变量,并可选地将其初始化为一个值。

    var n;
    var x = 1;
    
    if (x === 1) {
      var x = 2;
    
      console.log(x);
      // expected output: 2
    }
    
    console.log(x);
    // expected output: 2
    

    作用域:

    用 var 声明的变量的作用域是它当前的执行上下文,它可以是嵌套的函数,或者对于声明在任何函数外的变量来说是全局。


    变量提升:

    由于变量声明(以及其他声明)总是在任意代码执行之前处理的,所以在代码中的任意位置声明变量总是等效于在代码开头声明。

    这样,就可能会出现在变量初始化前被调用的,导致值为== undefined==。


    let

    ES6 新增了 let 命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在 let 命令所在的代码块内有效

    {
      let a = 10;
      var b = 1;
    }
    
    a // ReferenceError: a is not defined.
    b // 1
    

    上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。

    for循环的计数器,就很合适使用let命令。

    for (let i = 0; i < 10; i++) {
      // ...
    }
    
    console.log(i);
    // ReferenceError: i is not defined
    

    不存在变量提升
    let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。所有用let声明变量不会出现变量提升的情况。

    // var 的情况
    console.log(foo); // 输出undefined
    var foo = 2;
    
    // let 的情况
    console.log(bar); // 报错ReferenceError
    let bar = 2;
    
    

    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来说,只声明不赋值,就会报错。

    const的作用域与let命令相同:只在声明所在的块级作用域内有效。

    if (true) {
      const MAX = 5;
    }
    
    MAX // Uncaught ReferenceError: MAX is not defined
    

    const的作用域与let命令相同:只在声明所在的块级作用域内有效

    if (true) {
      const MAX = 5;
    }
    
    MAX // Uncaught ReferenceError: MAX is not defined
    

    const声明的常量不可提升,只能在声明的位置后面使用。

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



    参考:

    【1】:阮一峰编著 《ECMAScript 6入门》
    【2】:var 描述
    【3】:let
    【4】:const

  • 相关阅读:
    蛋糕切割【数论,数学】
    【洛谷P1082】同余方程【扩欧】
    【洛谷P4003】无限之环【费用流】
    【洛谷P4503】企鹅QQ【字符串hash】
    【洛谷P3084】照片Photo【单调队列dp】
    【洛谷P2286】宠物收养场【Treap】
    POJ 3984 迷宫问题
    牛客IOI周赛19-普及组题解
    UVA 11624 Fire!
    FZU 2150 Fire Game
  • 原文地址:https://www.cnblogs.com/three-fighter/p/13754369.html
Copyright © 2011-2022 走看看