• 溫馨提示×

    typescript類屬性如何封裝

    發布時間:2022-10-25 14:00:52 來源:億速云 閱讀:103 作者:iii 欄目:編程語言

    本篇內容介紹了“typescript類屬性如何封裝”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

    類屬性的封裝:通過屬性的修飾符實現

    • private:只有在類的內部進行訪問和修改

    • public:可以在任意位置訪問和修改。默認時public

    • protected:可以在當前類和當前類的子類中訪問和修改

    屬性的修飾符,如果是private,那么在類的外邊通過getter 和 setter 方法 來存取屬性;

    1 class MyClass {
     2     public _name: string
     3     private _age: number
     4     
     5     constructor(){
     6         this._name="aa";
     7         this._age=12;
     8     }
     9     /**
    10      * 讀取屬性
    11      * ts中的getter方式
    12      * @returns 
    13      */
    14     get age(){
    15         return this._age;
    16     }
    17     /**
    18      * 設置屬性
    19      * ts中的setter方式
    20      * @param value 
    21      */
    22     set age(value:number){
    23         this._age = value;
    24     }
    25

    調用方式:

    1 const aaa = new MyClass();
    2 aaa._name="q";
    3 console.log(aaa.age);//調用getter   12
    4 aaa.age=2;//調用setter 
    5 console.log(aaa);// {_name: 'q', _age: 2}

    類的簡略寫法:

    1 class C{
    2     constructor(public name:string,public age:number){
    3        
    4     }
    5

    等同于:

    1 class C{
    2     name:string;
    3     age:number;
    4     constructor(name:string,age:number){
    5         this.age =age;
    6         this.name=name;
    7     }
    8

    “typescript類屬性如何封裝”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    主題地圖

    gl她的舌伸湿润腿间双龙头