ts學(xué)習(xí)筆記

學(xué)習(xí)好文

interface

  1. 在接口中定義方法
    定義傳入?yún)?shù)和返回的類型
interface Counter {
    (start: number): string;
    interval: number;
    reset(): void;
}
  1. interface的合并
    與類型別名不同,接口可以定義多次,會(huì)被自動(dòng)合并為單個(gè)接口。
interface Point { x: number; }
interface Point { y: number; }

const point: Point = { x: 1, y: 2 };

斷言

<>或者as

let someValue: any = "this is a string";

let strLength: number = (<string>someValue).length;
let strLength: number = (someValue as string).length;

在jsx里只能使用as語法

readonly修飾符

表示屬性只讀,無法被賦值并且無法賦給其他變量:

let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray<number> = a;
ro[0] = 12; // error!
ro.push(5); // error!
ro.length = 100; // error!
a = ro; // error!

可以利用斷言重新賦值:

a = ro as number[];

類的readonly屬性,只能在聲明時(shí)或者構(gòu)造函數(shù)里被初始化

class Octopus {
    readonly name: string;
    readonly numberOfLegs: number = 8;
    constructor (theName: string) {
        this.name = theName;
    }
}
let dad = new Octopus("Man with the 8 strong legs");
dad.name = "Man with the 3-piece suit"; // 錯(cuò)誤! name 是只讀的.

protected修飾符

protected成員在派生類中仍然可以訪問。
構(gòu)造函數(shù)也可以被標(biāo)記成 protected。 這意味著這個(gè)類不能在包含它的類外被實(shí)例化,但是能被繼承。比如


// Employee 能夠繼承 Person
class Employee extends Person {
    private department: string;

    constructor(name: string, department: string) {
        super(name);
        this.department = department;
    }

    public getElevatorPitch() {
        return `Hello, my name is ${this.name} and I work in ${this.department}.`;
    }
}

let howard = new Employee("Howard", "Sales");
let john = new Person("John"); // 錯(cuò)誤: 'Person' 的構(gòu)造函數(shù)是被保護(hù)的.

枚舉

枚舉類型與數(shù)字類型兼容,并且數(shù)字類型與枚舉類型兼容。不同枚舉類型之間是不兼容的。比如,

enum Status { Ready, Waiting };
enum Color { Red, Blue, Green };

let status = Status.Ready;
status = Color.Green;  // Error
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容