国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

ES6 Class中實現私有屬性的一些方法總結

2024-05-06 16:53:06
字體:
來源:轉載
供稿:網友

私有屬性

私有屬性是面向對象編程(OOP)中非常常見的一個特性,一般滿足以下的特點:

  • 能被class內部的不同方法訪問,但不能在類外部被訪問;
  • 子類不能繼承父類的私有屬性。

備胎Class

時間回到四年前,2015年6月,ES6發布成為標準,為了紀念這個歷史性時刻,這個標準又被稱為ES2015,至此,JavaScript中的class從備胎中轉正。在這之前,class一直作為JS的關鍵字,雪藏不見天日。
class被認為是JS的一種語法糖,它為JavaScript帶來了用面向對象的思想描述一個實體的能力。但似乎還遠遠不夠,class的能力遠沒滿足JS開發者們的期待。于是,TC39的大佬們也努力地去做到更好,并推出了一項新的提案:

class Foo { #a; // 私有屬性 constructor(a, b) { this.#a = a; this.b = b }}

上面私有屬性的聲明,需要先經過Babel等編譯器編譯后才能正常使用。

提案已經到Stage 3了,未來可期!

可是,一眾JSer們已經等不及了......

JSer的掙扎

通過對數據的一定封裝,JS開發者們走上了曲線實現“私有屬性”之路。

1. 約定俗成

JS界以一種不成文的規定,在變量前加上下劃線"_"前綴,約定這是一個私有屬性;但實際上,它仍然是一個穿上皇帝新衣般的公共屬性。

ES6,Class,私有屬性

2. 閉包

在constructor作用域內定義局部變量,內部載通過閉包的方式對外暴露該變量。

這種方式,雖然實現了私有屬性外部不可訪問,但在類內部,該屬性同樣沒法在不同的方法內共享,仍然不是嚴格意義上的“私有屬性”。

ES6,Class,私有屬性

3. Symbols & Getters

利用Symbol變量可以作為對象key的特點,我們可以模擬實現更真實的私有屬性。

ES6,Class,私有屬性

可是,也不是毫無破綻:

ES6,Class,私有屬性

借助getOwnPropertySymbols方法可以取出對象的Symbol鍵值。

4. WeakMap & Getters

WeakMap的實現與Symbol如出一轍。

ES6,Class,私有屬性

巨人的肩膀

以上,是目前階段JS實現屬性私有比較可行的方案,可能實際中很少應用,但如果你在面試中遇到這個問題,或許這些方案可以參考下。

然后,所有這些方案里面,建議選TypeScript的private。

最后,關于JS中實現私有屬性,歡迎讀者們評論交流你的看法~

參照:

ECMAScript Classes - Keeping Things Private

原文:Github

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對VeVb武林網的支持。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 四川省| 姚安县| 资中县| 当阳市| 曲松县| 会宁县| 兴安盟| 云南省| 台东市| 林州市| 普定县| 桃园县| 富锦市| 沛县| 松江区| 永济市| 克山县| 汾西县| 鄯善县| 江北区| 武城县| 克拉玛依市| 大余县| 沙雅县| 香港 | 前郭尔| 五家渠市| 哈巴河县| 常熟市| 大安市| 两当县| 商都县| 平顶山市| 商洛市| 香港| 望江县| 莒南县| 迁安市| 华安县| 罗田县| 平潭县|