简说ES6中的变量定义：let、const

最新推荐文章于 2024-07-24 09:04:33 发布

尼古拉斯-托尔斯泰-赵四

最新推荐文章于 2024-07-24 09:04:33 发布

阅读量821

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： ES6 let const ES6变量定义

本文链接：https://blog.youkuaiyun.com/qq_31411389/article/details/51481738

ES6 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了ES6中使用let和const进行变量声明的方式。let提供了更严格的块级作用域，而const则用于声明不可变的常量。文章通过具体示例展示了这两种声明方式的区别及其在实际编程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随着ES6的关注度的增高，今天有必要介绍下ES6中用let、const来定义变量。

总说：

const 关键字用在那些永远不会改变的变量申明， let 用在其他变量申明上。

（1）var 和let

var，在离它最近的父函数内创建了一个变量的作用域。

let，在它最近的块级中创建作用于，这些块包括 for 循环， if 语句以及其他块。

用实例来说话：

实例-1

function fn ( ) {

    console . log ( x ) ;

    console . log ( y ) ;

    var x = 1 ;

    if ( x === 1 ) {

        let y = 2 ;

    }

    console . log ( y ) ;

}

fn ( ) ;

console . log ( x ) ;

例中，创建了一个 fn 函数，并且调用它。最后一个 console.log()语句会产生一

个 ReferenceError ，因为 x只在 fn() 中定义（作用域）。因为变量提升，第一个

console.log()将被正常执行。在这个示例中， x 是 undefined 。第二和第三个

console.log(y) 都将出错，因为 let 比 var 的作用于更加严格。 y 变量只存在于 if 块里面，

不在任何其他地方。俗称“ 临时死亡区 “。

实例-2：

function fn ( x ) {

    let y ;

    if ( x == 1 ) {

        y = 2 ;

    }

    console . log ( y ) ;

}

fn (1) ;

console . log ( y ) ;

在实例-2中，y有比实例-1更大范围的作用域。由两个实例的对比，在ES6中 let 应该完全取

代 var 。

（2）const

在ES6中， const 代表一个值的 常量索引 （大多数语言都提供这样的功能），即：变量名字在

内存中的指针不能够改变，但是指向这个变量的值可能改变。并不是一个常量。

（3）说明

新的 let 和 const 关键字在ES5中是不生效的，并且在绝大多数可执行环境中也不生效。

但是，通过类似 Babel 优秀的编译器，我们可以将我们写的ES6 JavaScript代码编译为可在浏

览器环境中执行的ES5代码。