美文网首页React Native
ES6 - let 和 const 命令

ES6 - let 和 const 命令

作者: YongjieBook | 来源:发表于2024-02-04 11:51 被阅读0次
    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用于声明不可变的常量,提高了代码的可读性和可维护性。它适合用于那些在程序执行过程中不应该被修改的值。

    相关文章

      网友评论

        本文标题:ES6 - let 和 const 命令

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