Javascript 创建只读变量

只读属性是JavaScript中一个非常常用的特性，它可以用于保护对象的属性、设置默认值、以及优化代码性能等方面。通过合理地运用只读属性，我们可以使程序更加安全、稳定和高效

方法一：Object.defineProperty

let obj = {};
 
Object.defineProperty(obj, 'age', {
  value: 18,
  writable: false, // 表示能否修改属性的值，即值是可写的还是只读
  enumerable: true, // 目标属性是否可被枚举（遍历）
  configurable: false // 表示能否通过 delete 删除属性、能否修改属性的特性，或者将属性修改为访问器属性
});
 
console.log(obj.age); // 输出：18
obj.age = 20; // 尝试修改只读属性
console.log(obj.age); // 输出：18

方法二：Object.freeze

const obj = { age: 18 }
Object.freeze(obj)
obj.age = 20
console.log(obj.age)// 显示18

Object.freeze()函数阻止修改对象中现有属性的值和特性，并阻止添加新属性

方法三：ES6 getter

const obj = {
  get age () {
    return 18
  }
}

console.log(obj.age) // 输出：18
obj.age = 20 // 尝试修改只读属性
console.log(obj.age) // 输出：18

通过get关键字定义一个属性age。此时，在调用age时，会自动调用该属性的getter方法，返回特定的值。由于没有定义相应的setter方法，因此该属性也不允许被修改。

方法四：ES6 const

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

当然 const 只能限制基本数据类型的值不可修改，对于引用数据类型的值则无法限制；

方法五：闭包

const cache = (function () {
  const age = 18

  return function () {
    return age
  }
})()

console.log(cache()) // 18

使用闭包的缓存功能，将匿名函数中的age变量缓存起来，间接实现了只读的功能