js中，let、var、const都是用来声明变量的关键字，它们的区别

本文链接：https://blog.csdn.net/tenc1239/article/details/131651882

1 概念

2 js const声明的变量不能被重新赋值为什么for循环中可以被每次循环赋值

3 什么是块级作用域

4 为什么 for 循环每次迭代都会创建一个新的作用域 --> 每一次都是新的花括号包裹的代码段

5 作用域例子1 花括号中的花括号是外花括号的作用域

6 作用域例子2 花括号中调用的方法,方法内作用域是花括号的作用域

7 作用域例子3 花括号中调用方法,方法内部const定义变量和花括号定义变量

8 总之 let 与 const使用区别

1 概念

var：在ES5中，var是声明变量的关键字，它的作用域是函数级别的，即在函数内部声明的变量只在函数内部有效，而在函数外部声明的变量则在全局范围内有效。在ES6中，var仍然可以使用，但是推荐使用let和const。

let：在ES6中，let是声明块级作用域变量的关键字，它的作用域是块级别的，即在块内部声明的变量只在块内部有效。let声明的变量可以被重新赋值，但是不能被重复声明。

const：在ES6中，const是声明常量的关键字，它的作用域也是块级别的，与let相同。const声明的变量不能被重新赋值，也不能被重复声明。常量一旦被赋值，就不能再次修改。

总之，let和const是ES6中新增的关键字，它们的作用域是块级别的，比var更加安全和灵活。而const声明的变量是常量，一旦被赋值就不能再次修改

2 js const声明的变量不能被重新赋值为什么for循环中可以被每次循环赋值

在 JavaScript 中，使用 const 声明的变量确实不能被重新赋值。但是在 for 循环中，每次循环迭代都会创建一个新的作用域，因此在每次循环中，可以使用 const 声明一个新的变量。

例如，在以下代码中：


for (const i = 0; i < 5; i++) {
  console.log(i);
}
尽管使用 const 声明了变量 i，但是由于 for 循环每次迭代都会创建一个新的作用域，所以这里的 i 是每次循环迭代时的一个新变量。

然而，需要注意的是，在循环内部不能重新给 i 赋新值，因为 const 声明的变量不能被重新赋值。例如，以下代码将会引发错误：


for (const i = 0; i < 5; i++) {
  console.log(i);
  i = 10; // 错误，无法重新赋值给 const 变量
}
总结来说，const 声明的变量在每次循环迭代时都会创建一个新的作用域，因此可以在 for 循环中使用它，但是不能在循环内部重新赋值。

3 什么是块级作用域

通常是由花括号 {} 包裹的代码片段

4 为什么 for 循环每次迭代都会创建一个新的作用域 --> 每一次都是新的花括号包裹的代码段

for (let i = 1; i < arr.length; i++) {
  const current = arr[i];
  const prev = arr[i - 1];
  if (current.side === prev.side) {
    if (current.value < prev.value) {
      arr.splice(i, 1);
      i--; // 指针向前移一位
    } else {
      arr.splice(i - 1, 1);
      i--; // 指针向前移一位
    }
  }
}

5 作用域例子1 花括号中的花括号是外花括号的作用域

{
  let a = 10; // 外部花括号中的变量
  console.log(a); // 输出 10

  {
    let b = 20; // 内部花括号中的变量
    console.log(b); // 输出 20

    console.log(a); // 输出 10，可以访问外部花括号中的变量
  }

  console.log(b); // 报错，无法访问内部花括号中的变量
}

6 作用域例子2 花括号中调用的方法,方法内作用域是花括号的作用域

{
  let a = 10;

  function someMethod() {
    console.log(a, '---');
  }

  someMethod(); // 输出 10
}
function someMethod() {

}

7 作用域例子3 花括号中调用方法,方法内部const定义变量和花括号定义变量

// 花括号无法访问 调用方法内花括号的变量
{
  let a = 10;
  function someMethod() {
    const a = 20;
  }

  console.log(a); // 输出 10
}

// 方法可以访问包裹他的花括号定义的变量
{
  let a = 10;
  function someMethod() {

    console.log(a);

  }

  someMethod();  // 输出 10
  console.log(a); // 输出 10
}

根据 JavaScript 的作用域规则，内部的 const a = 20 与外部的 let a = 10 是不同的变量。尽管它们的名称相同，但它们处于不同的作用域中。

在函数内部，const a = 20 定义的变量 a 的作用域仅限于函数内部。这意味着函数内部的代码可以访问和使用该变量，但函数外部的代码无法访问它。

因此，在函数内部执行 someMethod() 后，在函数外部对变量 a 进行赋值 a = 50 不会违反 const 的规则。这是因为外部作用域中的变量 a 与内部作用域中的变量 a 是不同的变量。

8 总之 let 与 const使用区别

let可以回移指针
const 不能

let 和 const 作用域是: 作用域就是在哪个花括号中;
父花括号中调用方法是子花括号,子中覆盖父中同名变量,但不改变父中值

{
  const a = 10;
  function someMethod() {
    const a = 30;
    console.log(a),;
  }
  someMethod();
  console.log(a);
}
在你提供的代码中，父花括号中使用 `const a = 10` 定义了变量 `a`，而子花括号中又使用 `const a = 30` 对变量 `a` 进行了重新定义。

根据 JavaScript 的作用域规则，子花括号中的 `const a = 30` 创建了一个新的块级作用域，并且在该作用域中的变量 `a` 将覆盖外部作用域中的同名变量 `a`。

这样做不违反 `const` 的规则，因为重新定义变量 `a` 并不是重新申明或重新赋值父花括号中的 `const a = 10`。而是在子花括号中创建了一个新的变量 `a`，它只在子花括号内部可见。

所以，在你提供的代码中，父花括号中的 `const a = 10` 和子花括号中的 `const a = 30` 并没有违反 `const` 不能被重新申明和重新赋值的规则。它们是在不同的作用域中定义的不同变量。