美文网首页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 命令

    ES6 之 let 和 const 命令 1、let 命令 1.1、基本用法 ES6 新增了let命令,用来声明变...

  • ES6中的let和const命令

    ES6中的let和const命令 let命令 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是...

  • es6总结一

    es6基础 let和const命令 let和const用于声明变量let跟var的区别 1、let定义过的变量不能...

  • ES6笔记

    let 和 const ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一...

  • ES6语法总结(一)变量的声明

    一:let和const命令 1.let命令 (1) ES6新增了let命令,用来声明变量。用法类似于var,但是声...

  • let和const命令

    es6标准入门 第2章 let和const命令 2.1 let命令 2.1.1 基本用法 let用来声明变量,但所...

  • ES6 学习笔记-let

    let 和 const 命令 1. let命令 基本用法 ES6 新增了let命令,用来声明变量。它的用法类似于v...

  • let和const命令

    ES6学习 let和const命令 1. let命令 基本用法let命令,用来声明变量。他的用法类似于var,只在...

  • 无标题文章

    let和const命令 let命令 基本用法 ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声...

  • 第1章ES6初步

    目标 ES6简介 ECMAScript 和 JavaScript 的关系 let命令 块级作用域 const命令 ...

网友评论

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

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