ES6关键字 Let 与 Const

最新推荐文章于 2022-10-28 09:50:16 发布

努力学习的小蜗牛

最新推荐文章于 2022-10-28 09:50:16 发布

阅读量134

点赞数

本文链接：https://blog.csdn.net/weixin_45806273/article/details/105065834

版权

本文介绍了ES6中的新关键字let和const，let避免了变量提升，只在其声明的代码块内有效，不允许重复声明。const用于声明不可变的常量，其值在声明时必须初始化且不可更改。尽管const的值不可变，但若常量为对象，其内部属性仍可修改。let与const在块级作用域和命名规则上有共同点，但在初始化和可变性上存在差异。

摘要由CSDN通过智能技术生成

**在JavaScript中我们常用var关键字来声明变量，但是用var声明的变量会发生变量提升，即脚本开始运行时，变量已经存在了，将会输出undefined **

然而在ES6中就行增加了两个重要的JavaScript 关键字: let 和 const。

一. Let

let不会发生变量提升,这表示在声明它之前，变量是不存在的，这时如果用到它，就会抛出一个错误。

{
  let a = 0;
  a   // 0
}
a   // 报错 ReferenceError: a is not defined

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

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

let 不允许在相同作用域内，重复声明同一个变量

function(){
	let a = 10;
	var a = 10;
}//报错
function(){
	let a = 10;
	let a = 1;
}//报错

二. Const

const声明一个只读的常量一旦声明，常量的值就不能改变

const a = 10；
    a = 20；
console.log(a)  //TypeError: Assignment to constant variable.

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

注意要点

const 如何做到变量在声明初始化之后不允许改变的？
其实 const保证的不是变量的值不变，而是保证变量指向的内存地址所保存的数据不允许改动。此时，你可能已经想到，简单类型和复合类型保存值的方式是不同的。是的，对于简单类型（数值 number、字符串 string 、布尔值 boolean）,值就保存在变量指向的那个内存地址，因此 const声明的简单类型变量等同于常量。而复杂类型（对象 object，数组 array，函数function）
变量指向的内存地址其实是保存了一个指向实际数据的指针，所以 const只能保证指针是固定的，至于指针指向的数据结构变不变就无法控制了，所以使用 const 声明复杂类型对象时要慎重。

Let与Const的异同

const定义常量与使用let 定义的变量相似：

二者都是块级作用域
都不能和它所在作用域内的其他变量或函数拥有相同的名称

两者还有以下两点区别：

const声明的常量必须初始化，而let声明的变量不用
const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改。

var x = 10;
// 这里输出 x 为 10
{ 
    const x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10