日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

typescript使用class關鍵字定義一個類、static、readonly

作者:web半晨 更新時間: 2022-06-06 編程語言
// 使用class關鍵字來定義一個類
// 類對象中主要包含了兩個部分:屬性和方法
class Person {
	// 01----------------------------------
    // 直接定義的屬性是實例屬性,需要通過對象的實例去訪問
    a = 'a';

    // 02----------------------------------
    // 使用static開頭的屬性是靜態屬性(類屬性),可以直接通過類去訪問
    static b: number = 18;

    // 03----------------------------------
    // readonly開頭的屬性表示一個只讀的屬性無法修改
    readonly c: string = '半晨';

    // 04----------------------------------
    // 靜態只讀屬性
    static readonly d: string = '舒冬';

    // 05----------------------------------
    // 直接定義方法
    e() {
        console.log('直接定義方法');
        // 直接定義方法
    }

    // 05----------------------------------
    // 定義靜態方法
    static f() {
        console.log('定義靜態方法');
        // 定義靜態方法
    }
}

const person = new Person();

console.log('Person實例:', person);
// Person實例: Person {a: "a", c: "半晨"}

// 01------------------------------------------------
// 直接定義的屬性是實例屬性,需要通過對象的實例去訪問
console.log('實例屬性:', person.a);
// 實例屬性: a
// console.log('實例屬性:', Person.a);
// 實例屬性: undefined 
// 類型“typeof Person”上不存在屬性“a”。

// 02------------------------------------------------
// 類屬性(靜態屬性)
console.log('類屬性(靜態屬性):', Person.b);
// 類屬性(靜態屬性): 18
// console.log('類屬性(靜態屬性):', person.b);
// 類屬性(靜態屬性): undefined
// 屬性“b”在類型“Person”上不存在。你的意思是改為訪問靜態成員“Person.b”嗎?

// 03------------------------------------------------
// readonly開頭的屬性表示一個只讀的屬性無法修改
console.log('只讀屬性:', person.c);
// 只讀屬性: 半晨
// person.c = '哈哈';
// 無法分配到 "c" ,因為它是只讀屬性。

// 04------------------------------------------------
// 靜態只讀屬性
console.log('靜態只讀屬性:', Person.d);
// 靜態只讀屬性: 舒冬
// Person.d = '哈哈';
// 無法分配到 "d" ,因為它是只讀屬性。

// 05------------------------------------------------
// 直接定義方法
person.e();
// Person.e();
// 類型“typeof Person”上不存在屬性“e”。

// 05------------------------------------------------
// 直接定義方法
Person.f();
// person.f();
// 屬性“f”在類型“Person”上不存在。你的意思是改為訪問靜態成員“Person.f”嗎?

原文鏈接:https://blog.csdn.net/weixin_51157081/article/details/122293242

欄目分類
最近更新