在 JavaScript 语言中，变量的声明有多种方式。过去，我们使用 var 关键字来声明变量。然而，在 ECMAScript 2015（ES6）中，新增了 let 和 const 关键字来解决 var 存在的一些问题。在本篇文章中，我们将详细介绍 let 和 const 的使用方法和作用，以及如何防止变量泄漏。
let 关键字
在过去，我们常常使用 var 关键字来声明一个变量。var 可以在任何位置进行声明，它的作用域是整个函数内，缺点是很容易在变量作用域上出错。
在 ECMAScript 2015（ES6）中，我们有了一种新的方式来声明变量，那就是使用 let 关键字。let 关键字仅在声明所在代码块内有效，这使得代码更加容易理解和维护，并且避免了很多可能存在的问题。
function foo(){
if(true){
let x = 3;
console.log(x); // 3
}
console.log(x); // Uncaught ReferenceError: x is not defined
}在上面的代码中，我们在 if 语句块中使用了 let 关键字来声明 x 变量。由于 let 变量在其所在的代码块有效，x 变量在 if 代码块之外无法访问，所以出现了 ReferenceError 的错误提示。
const 关键字
除了 let 关键字，ES6 还引入了 const 关键字来声明常量。常量在声明后不可被重新赋值。这样做的好处在于，可以避免程序对一个变量的值不慎被修改而引发的错误。
const a = 1; a = 2; // Uncaught TypeError: Assignment to constant variable.
在上面的代码中，我们尝试将 const 变量 a 的值从 1 修改为 2。由于 const 变量定义后不可以再被修改，所以 JavaScript 引擎会严格禁止这一操作，从而出现了 TypeError 的错误提示。
需要注意的是，在使用 const 关键字声明对象或数组时，属性或元素可以被修改。这是因为 const 仅限于变量的值不能被修改，而不涉及到内部结构的变化。
const arr = [1, 2, 3]; arr[0] = 4; // 修改数组第一个元素的值 console.log(arr); // [4, 2, 3]
防止变量泄漏
变量泄漏是指某个变量的值在其使用之后，由于作用域没有得到合理的控制，而导致该变量一直存在于内存中。这种情况会占用系统资源，增加了内存泄漏的风险，因此应该尽可能地避免变量泄漏的情况。
在早期的 JavaScript 中，变量的作用域只是全局和函数级别的。如果变量没有被妥善管理，那么就有可能出现变量被错误地泄漏的情况。而使用 let 和 const 关键字可以更好地控制变量作用域，从而有效防止变量泄漏。
for(let i = 0; i < 5; i++){
console.log(i);
}
console.log(i); // Uncaught ReferenceError: i is not defined在上面的代码中，我们在 for 循环内使用 let 关键字来声明循环变量 i。由于 let 变量仅在其所在的代码块内有效，所以 i 在循环外无法访问，避免了变量泄漏的情况。
总结
在 ECMAScript 2015（ES6）中，引入了 let 和 const 两个关键字来更好地控制变量的作用域和管理，有效防止变量泄漏的情况。使用 let 和 const 可以让我们的代码更加易于理解和维护，推荐开发者在使用 JavaScript 的过程中尽可能使用 let 和 const 关键字来声明变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e6e193f6b2d6eab323994e