ES6 - let 和 const 命令

ES6 中的 let 是用于声明变量的关键字,它相对于 ES5 中的 var 具有一些特殊的行为。
  1. 块级作用域: 使用 let 声明的变量具有块级作用域,而不是函数级作用域。这意味着在使用 let 声明的变量仅在包含它的块(一对花括号 {})中可见,而不是整个函数。这有助于减少变量的污染和提高代码的可读性。

    function example() {
      if (true) {
        let x = 10;
        console.log(x); // 10
      }
      console.log(x); // ReferenceError: x is not defined
    }
    
  2. 变量提升: 使用 let 声明的变量不会像 var 那样发生变量提升。变量提升是指在代码执行前将变量声明提升到作用域的顶部。使用 let 声明的变量在声明之前是不可访问的。

    console.log(y); // ReferenceError: y is not defined
    let y = 20;
    
  3. 不能重复声明: 在同一作用域内,使用 let 声明的变量不能被重复声明,而 var 允许在同一作用域内多次声明相同的变量。

    let z = 30;
    let z = 40; // SyntaxError: Identifier 'z' has already been declared
    

总体而言,let 提供了更加灵活和安全的变量声明方式,避免了一些由于变量提升和作用域导致的问题。它通常是推荐在现代 JavaScript 中使用的变量声明关键字之一。

在ES6中,除了let关键字外,还引入了const关键字用于声明常量。const声明的变量具有以下特性:
  1. 不可重新赋值: 一旦用const声明变量并赋值,就不能再对其进行重新赋值。这使得const适用于声明不变的常量。

    const PI = 3.14159;
    PI = 3; // TypeError: Assignment to constant variable.
    
  2. 块级作用域: 类似于letconst声明的变量也具有块级作用域,只在声明的块内可见。

    if (true) {
      const name = "John";
      console.log(name); // "John"
    }
    console.log(name); // ReferenceError: name is not defined
    
  3. 不变性(Immutability):const用于声明复合类型(如对象或数组)时,变量本身不可重新赋值,但其属性或元素可以修改。这是因为const确保变量引用不变,但并不冻结其内容。

    const person = { name: "Alice" };
    person.name = "Bob"; // 可行
    person.age = 30; // 可行
    

    注意:如果尝试重新赋值person,将会得到错误。

    person = { name: "Charlie" }; // TypeError: Assignment to constant variable.
    

总体而言,const用于声明不可变的常量,提高了代码的可读性和可维护性。它适合用于那些在程序执行过程中不应该被修改的值。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • let 和 const 命令 let 命令 块级作用域 const 命令 顶层对象的属性 gl...
    安小明阅读 4,533评论 0 0
  • 自ES6现世这么久,我基本上没看过ES6,可以说是落后到了程序员远古时期的人物了,好多代码一看一懵逼,看一眼两眼恍...
    飞到心头的小鸟阅读 2,972评论 2 0
  • let命令1、let用法类似var,用于声明变量。但是所声明的变量只在let命令所在的代码块内有效。 2、不存在变...
    walker_10086阅读 1,215评论 0 0
  • 基础点 let和const 都是只在声明所在的块级作用域内有效 let声明的变量可以改变,值和类型都可以改变,没有...
    小碗吃不了阅读 1,735评论 0 1
  • ES6 之 let 和 const 命令 1、let 命令 1.1、基本用法 ES6 新增了let命令,用来声明变...
    24KBING阅读 2,405评论 0 0