JavaScript私有属性要来了，但实现方式惹争议

最新推荐文章于 2024-09-14 18:52:56 发布

weixin_33827590

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量58

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/weixin_33827590/article/details/89174436

版权

昨天我们介绍了JavaScript的三个新特性，现在，一个广受期待的新特性：私有属性也离我们越来越近了。

昨天，TC39在GitHub上通过了一条EMCAScript语法特性的草案，即类私有属性修饰符“#”，不过，该特性之前在社区的调研中遭遇了大量反对。

该修饰符的使用方式如下：

\class Counter extends HTMLElement {\  #x = 0;\\ \  clicked() {\    this.#x++;\    window.requestAnimationFrame(this.render.bind(this));\  }\\ \  constructor() {\    super();\    this.onclick = this.clicked.bind(this);\  }\\ \  connectedCallback() { this.render(); }\\ \  render() {\    this.textContent = this.#x.toString();\  }\}\window.customElements.define('num-counter', Counter);\

类的私有属性和方法使用“#”前缀作为修饰符，即代表该属性或方法作用域仅限于类的块级作用域内，你不能在之外对其进行引用。

该语法引起了社区大量反对，在该语法草案的一个issue内，有人做了一个调研，显示社区对于这条草案并不认同：