如何声明初始未定义、赋值后不可修改的TypeScript变量

JavaScript 方案 #

要实现一开始是undefined，仅赋值一次后就无法修改的变量，可以通过临时变量过渡后转为const：

// 先用let声明临时变量，初始为undefined
let temp = undefined;
// 仅执行一次赋值逻辑
temp = "需要赋的值";
// 转为const，后续无法再修改
const myVar = temp;

也可以用立即执行函数封装初始化逻辑，省去临时变量：

const myVar = (() => {
  // 自定义初始化判断逻辑，返回最终值（可返回undefined）
  if (someCondition) {
    return "目标值";
  }
  return undefined;
})();

TypeScript 方案 #

结合联合类型与const，既能明确变量初始状态，又能保证赋值后的不可修改性：

// 临时变量用联合类型，允许undefined和目标类型
let temp: string | undefined = undefined;
// 仅执行一次赋值
temp = "TypeScript 目标值";
// 转为const，类型会自动窄化为string
const myVar = temp;

若不需要分步赋值，用立即执行函数更简洁：

const myVar: string | undefined = (() => {
  // 自定义初始化逻辑
  return "最终赋值";
})();

关键注意点 #

• const的核心是禁止变量重新赋值，直接声明const myVar = undefined后再赋值会报错，必须通过临时变量或函数封装完成一次性赋值。
• 如果变量是引用类型（对象、数组），const仅禁止变量指向新的引用，内部属性仍可修改；若需要完全冻结值，可使用Object.freeze()，但这属于值的不可变，而非变量本身的赋值限制。

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