什么是JavaScript的私有类字段？它与TypeScript的private有何本质不同？

大家好， 今天我来写点东西，讲一下JavaScript的私有类字段和TypeScript的private修饰符的区别。这个东西其实挺重要的，但是我不太会写文章，所以可能讲的不太清楚，但我会尽量说清楚点，多损啊！。

JavaScript的私有类字段是啥

先说说 JavaScript现在可以有真正的私有属性了就是用#开头的那种。这个#符号是ES2022里加进来的，它可以在运行时保护属性不被随便访问。你不能在类外面直接访问这个#开头的属性， 如果尝试访问就会报错，比如：，泰酷辣！

  class Counter {
    #count = 0;
    increment {
      this.#count++;
    }
    getCount {
      return this.#count;
    }
  }
  const c = new Counter;
  // c.#count; // 这样写会报错

这个#开头的字段是真正的私有，不能从类外面访问。这个是语言层面的保护， 琢磨琢磨。 不是像以前那样靠命名规则来“假装”私有。

TypeScript的private和JavaScript的#有啥不同

然后我们说TypeScript的private， 它其实只是在编译的时候检查一下不让你在TypeScript里访问私有属性，但是编译成JavaScript之后这个private就没了就是说它不是真正的私有。比如：

  class Counter {
    private count = 0;
    increment {
      this.count++;
    }
    getCount {
      return this.count;
    }
  }
  const c = new Counter;
  // c.count; // 编译错误：属性 'count' 是私有的
  .count = 10; // 绕过类型检查， 运行时可行

所以TypeScript的private只是在写代码的时候给你报错，让你知道这里不能访问，但是运行时还是可以访问的。这和JavaScript的#是不一样的，#是真正不能访问的，琢磨琢磨。。

JavaScript的#字段和TypeScript的private修饰符对比

所以区别就是：

• JavaScript的#字段是运行时保护的， 不能访问
• TypeScript的private只是编译时检查，运行时还是可以访问的

这个#字段是真正的私有，不能被访问，不能被修改，不能被继承。而T 你猜怎么着？ ypeScript的private只是类型检查，不是真正的私有。

JavaScript的#字段是真正的私有，你不能从类外面访问它。比如：，不地道。

  class Counter {
    #count = 0;
    increment {
      this.#count++;
    }
    getCount {
      return this.#count;
    }
  }
  const c = new Counter;
  // c.#count; // SyntaxError: Private field '#count' must be declared in an enclosing class

挺好。 这个#字段是真正的私有，不能从类外面访问它。所以#字段是真正的私有，TypeScript的private只是类型检查，不是真正的私有。

所以 JavaScript的#字段是真正的私有，不能被访问，不能被修改，不能被继承。TypeScript的private只是类型检查，不是真正的私有。如果需要真正的私有，就用JavaScript的#字段。如果只是想在开发时检查代码，TypeScript的private也行，弄一下...。

好了大概就是这些了我也不太会写文章，就这样吧。