JavaScript私有字段与静态块详解

学习文章要努力，但是不要急！今天的这篇文章《JavaScript私有字段与静态块语法解析》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

私有字段通过#声明，仅类内可访问，确保封装性；静态私有字段用于隐藏工具数据；静态块在类加载时执行复杂初始化，三者提升类的安全与灵活性。

JavaScript 中的类字段包括私有字段、公共字段以及静态块语法，它们为类提供了更灵活的状态管理和初始化能力。这些特性让开发者能更好地封装数据、组织逻辑，并在类定义时执行复杂的静态初始化。

私有字段：限制访问的类成员

私有字段通过 # 前缀声明，只能在类的内部访问，外部无法读取或修改，确保了数据的封装性。

私有字段必须在类体内预先声明，否则会报错。它们可以是实例字段，也可以是私有的静态字段。

class Counter {
  #count = 0;

  increment() {
    this.#count++;
  }

  getCount() {
    return this.#count;
  }
}

const c = new Counter();
c.increment();
console.log(c.getCount()); // 1
// console.log(c.#count); // SyntaxError: Cannot access private field

私有字段不会被继承，子类也无法直接访问父类的私有字段。如果需要共享状态，应使用受保护的命名约定或通过方法暴露接口。

静态私有字段与方法

静态私有字段也以 # 开头，仅在类自身范围内可访问，适合保存不对外暴露的工具数据或辅助逻辑。

class Logger {
  static #logLevel = 'info';

  static setLogLevel(level) {
    if (['debug', 'info', 'warn', 'error'].includes(level)) {
      Logger.#logLevel = level;
    }
  }

  static log(message) {
    console.log(`[${Logger.#logLevel}] ${message}`);
  }
}

Logger.setLogLevel('warn');
Logger.log('This is a warning'); // [warn] This is a warning
// Logger.#logLevel; // SyntaxError

静态私有字段有助于避免全局变量污染，同时保持内部状态的安全。

静态块（static initialization block）

静态块允许你在类定义期间执行一段代码，常用于初始化复杂的静态状态、设置私有字段的初始值，或进行环境检测。

它拥有对私有静态成员的访问权限，这在以往只能通过额外函数实现。

class Config {
  static #apiKey;
  static #isProduction;

  static {
    try {
      const env = process.env.NODE_ENV || 'development';
      this.#isProduction = env === 'production';
      this.#apiKey = this.#isProduction 
        ? 'prod-key-123' 
        : 'dev-key-456';
    } catch (e) {
      this.#apiKey = 'fallback-key';
      this.#isProduction = false;
    }
  }

  static getApiKey() {
    return this.#apiKey;
  }
}

console.log(Config.getApiKey()); // 根据环境输出对应的 key

静态块在类加载时自动运行一次，非常适合做条件初始化或资源预加载。

基本上就这些。私有字段增强了封装，静态块提供了强大的初始化能力，合理使用能让类结构更清晰、更安全。

本篇关于《JavaScript私有字段与静态块详解》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！