この一連のチュートリアルでは、タイプスクリプトを段階的に學(xué)習(xí)します。最初の部分では、タイプスクリプトを一時(shí)的に導(dǎo)入し、タイプスクリプトの作成に使用できるIDEを推奨します。 2番目の部分はデータ型に焦點(diǎn)を當(dāng)て、3番目の部分ではTypeScriptインターフェイスの基本について説明します。

おそらくすでにご存知のように、JavaScriptはクラスとオブジェクト指向のプログラミングをネイティブにサポートしています。ただし、タイプスクリプトは、開(kāi)発者がコードでクラスを使用できるように長(zhǎng)い間許可されています。このコードは、すべての主要なブラウザで実行できるJavaScriptコードにコンパイルされます。このチュートリアルでは、TypeScriptのクラスについて學(xué)びます。彼らは彼らのES6のカウンターパートに似ていますが、より厳しいです。

ファーストクラスを作成します

基本から始めましょう。クラスは、オブジェクト指向プログラミングの基本的な部分です。クラスを使用して、特定のプロパティに基づいて行動(dòng)できる特定のプロパティと機(jī)能を持つエンティティを表すことができます。 TypeScriptは、含まれるクラスの內(nèi)外でアクセスできるプロパティと機(jī)能を完全に制御できます。クラスの作成方法の基本的な例を次に示します。

コンストラクターがgetとnameに似てgetことに気づいたかもしれませんreadonly明示的に指定されていない場(chǎng)合、セッターのパラメータータイプは、ゲッターの返品タイプから推測(cè)されます。 TypeScript 4.3から始めて、Getterが返したタイプとは異なるタイプを受け入れるセッターを使用できます。

インターフェイスを使用してクラスを?qū)g裝します

TypeScriptインターフェイスに関する以前のチュートリアルでは、コードで使用するさまざまなオブジェクトの構(gòu)造を指定するためにインターフェイスが基本的に使用されることを?qū)Wびました。ここで、以前に宣言されたインターフェイスに基づいてクラスを?qū)g裝する方法を?qū)Wびます。

インターフェイスipoint {
    X：番號(hào);
    Y：番號(hào);
    位置（x：number、y：number）：void
}

インターフェイスirectangleはipointを拡張します{
    幅：番號(hào);
    長(zhǎng)さ：番號(hào);
    領(lǐng)域（幅：番號(hào)、長(zhǎng)さ：數(shù)）：番號(hào)
}

クラスポイントはipointを?qū)g裝しています{
    X：番號(hào);
    Y：番號(hào);

    コンストラクター（x：number、y：number）{
        this.x = x;
        this.y = y;
    }

    position（）：void {
        console.log（ `ポイントは（$ {this.x}、$ {this.y}）。`）です。
    }
}

クラス長(zhǎng)方形はirectangleを?qū)g裝します{
    幅：番號(hào);
    長(zhǎng)さ：番號(hào);
    X：番號(hào);
    Y：番號(hào);

    Constructor（x：number、y：number、width：number、length：number）{
        this.x = x;
        this.y = y;
        this.width = width;
        this.length = length;
    }

    area（）：number {
        this.width * this.length;
    }

    position（）：void {
        console.log（ `長(zhǎng)方形は（$ {this.x}、$ {this.y}）。`）にあります。
    }
}

mypoint = new Point（10、20）;

myRect = new Rectangle（0、0、20、30）;

mypoint.position（）;

myrect.position（）;

console.log（myrect.area（））;

前のチュートリアルと同じように、 IRectangleインターフェイスを作成しました。ここでの追加の変更は、インターフェイスに関數(shù)宣言を追加することです。

IRectangle 、これらの4つのプロパティとその位置を出力し、その領(lǐng)域を表示する2つの方法を持つことを意味します。

要約します

このチュートリアルでは、TypeScriptのクラスの基本を紹介しようとしています。最初に、人の名前をコンソールに印刷する非常に基本的なPersonクラスを作成しました。その後、 privateキーワードを?qū)W習(xí)します。これは、プログラムの任意の時(shí)點(diǎn)でクラスのメンバーにアクセスするのを防ぐために使用できます。

最後に、継承された基本クラスを使用してコード內(nèi)のさまざまなクラスを拡張する方法を?qū)Wびました。公式ドキュメントでクラスの詳細(xì)をご覧ください。

以上が初心者向けのタイプスクリプト、パート4：クラスの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。