函数作用域变量是否用const替代var？let/var/const函数级作用域选择困惑

嘿，这个问题问得特别到位——毕竟从var切换到let/const的时候，很多人都会卡在「什么时候该用哪个」这一步，尤其是结合最小权限原则来看，确实需要好好捋清楚逻辑。

先给你一个核心原则：最小权限原则的核心是「变量的作用域越小、可修改性越低，越安全」，而const/let/var的选择，完全可以围绕这个原则来展开。

1. 首选：const——最贴合最小权限的选择 #

只要你的变量不需要被重新赋值（注意：对于对象/数组来说，是指变量的引用不变，内部属性/元素可以修改），就直接用const。这不仅符合最小权限（禁止意外修改变量值），还能通过代码明确表达「这个值不会变」的语义，让可读性大幅提升。

举个实际例子：

function generateInvoice(items) {
  const INVOICE_PREFIX = "INV-"; // 固定前缀，不会变
  const taxRate = 0.07; // 税率固定

  let total = 0;
  for (const item of items) { // 循环中每个item不需要修改，用const
    total += item.price * item.quantity;
  }

  return {
    invoiceNumber: `${INVOICE_PREFIX}${Date.now()}`,
    finalAmount: total * (1 + taxRate)
  };
}

这里的INVOICE_PREFIX、taxRate还有循环里的item，用const就完美贴合最小权限——它们的值/引用不会变，也不该被变。

2. 其次：let——需要修改时的安全选择 #

当变量需要被重新赋值，但你希望把它的作用域限定在最小范围内时，用let。let是块级作用域，意味着它只会在声明它的{}块（比如if、for、函数本身）内生效，这刚好符合最小权限的「缩小作用域」要求。

比如如果一个变量只在if块里需要修改，就把它声明在if里，而不是函数顶部：

function checkDiscount(order) {
  let finalPrice = order.total;

  if (order.isMember) {
    let discount = order.total * 0.1; // 只在if块里用的变量，声明在这里
    finalPrice -= discount;
  }

  return finalPrice;
}

就算你确实需要变量在整个函数范围内生效，用let也比var安全——let不会有var的「变量提升导致的提前访问undefined」问题，在声明前访问let变量会直接报错，避免了很多隐性bug。

3. 尽量别用：var——过时且风险高的选择 #

你看到的「难以或不应进行块级作用域限定的变量用var」的说法，其实是ES6还没出来时的老观念。现在有了let/const，var几乎没有存在的必要了：

• var是函数作用域，哪怕你把它写在if/for块里，它的作用域也是整个函数，很容易导致意外的变量泄漏（比如在块外误改块内的变量），直接违反最小权限原则。
• var的变量提升特性会让代码逻辑变得混乱，比如在声明前访问变量会得到undefined而不是报错，排查bug时特别头疼。

举个var的经典坑：

function countItems() {
  for (var i = 0; i < 5; i++) {
    setTimeout(() => console.log(i), 100);
  }
}
countItems(); // 会输出5次5，而不是0-4，就是因为var的作用域是整个函数

换成let的话，每个循环迭代都会创建一个独立的i，结果就是正确的0-4，这就是块级作用域的优势。

最后给你一个简单的决策流程 #

1. 先问自己：这个变量需要被重新赋值吗？
   • 不需要 → 用const
   • 需要 → 进入下一步
2. 这个变量的作用域能不能限定在某个块里？
   • 能 → 在块里用let
   • 不能（确实需要整个函数访问） → 在函数顶部用let
3. 除非你要兼容极其老旧的环境（比如IE10及以下），否则永远别用var。

内容的提问来源于stack exchange，提问作者InspectorDanno