昨天我们介绍了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内,有人做了一个调研,显示社区对于这条草案并不认同:
\\ \\社区对这条草案的主要担忧包括:
\\- “#”是CSS中的id选择器,在JS中作为私有属性修饰符可能引起混乱,降低代码可读性\
- “#”在部分编程语言里是作为注释的语法,JS里使用它会引起混乱\
- TypeScript之前已经实现过私有属性,其修饰符为`private`,现在实现不一致造成认知负担\
这一草案早在2017年7月已进入stage 3状态,要改变是很艰难的,TC39委员会之所以通过,是因为他们认为对于这一草案,委员会和社区已经达成共识,即使有开发者认为这一共识并不存在。
\\而委员会反对上面调研结果的理由是认为在GitHub issue去的该调研吸引的反对者偏多,该草案的赞同者大多不会到issue区表达意见。
\\另还有委员会成员在该issue下回答之所以不采用和TypeScript相同的实现,是要刻意与TypeScript保持不同,以免偏离JS的发展方向。
\\延伸阅读:
\\https://github.com/tc39/proposal-class-fields
\\https://github.com/tc39/proposal-class-fields/issues/100
\\https://github.com/tc39/proposal-class-fields/pull/140
\\亲爱的读者,对于这条特性你是支持还是反对呢?欢迎投票,以及在评论区留下你的看法。