仕組み…| 開始方法…

このシリーズのパート— 6.4をまだカバーしていない場合は、このリンクを確認することをお勧めします→ TypeScriptのコンストラクターとアクセス修飾子

TypeScriptの基礎👇

1. タイプ注釈
2. 矢印関数
3. インターフェイス
4. クラス
5. コンストラクター
6. アクセス修飾子
7. プロパティ
8. モジュール

以前の学習と理解によるprivateとprotected、クラスオブジェクトを使用してクラス外のメンバーにアクセスすることはできません—以下を参照してください👇行番号の無効なコード。16と17

次に、どのようにアクセスするprivateとprotected、クラスのメンバー外？

Properties allow us to access private members outside of the class using get keyword and set keyword OR getter() and setter() methods. To understand how — look down the code below...👇

⭐️同様にsetColor()メソッドを使用して、クラスのprivateメンバーの値を変更できます （メンバーでも機能しprotectedます）—以下の行番号をご覧ください👇。22

注意： try this code yourself to see the output!

• colortoの値を'Orange'コンストラクターから初期化しました—以下の行番号をご覧ください👇。19
• 次に、メソッドをcolor使用draw.setColor("Red")することの値を更新しました—以下の行番号をご覧ください👇。22
• ここで、draw.getColor()は更新された"Red"色の値を返します—以下の行番号をご覧ください👇。24


Running the code... look down in terminal below👇 — the initial value of color (before change) and value after change.

       

        Try this code yourself to see the output!
       

とメソッドをProperties by using get keyword and set keyword置き換えることによって使用するコードを変更します。getter()setter()

プロパティはクラス外のフィールドのように見えますが、内部的にはクラス内のメソッドです。—変更されたコードを見下ろします👇 。

（注：クラスフィールドとプロパティ名に同じ名前を使用することはできません。これが、クラスフィールドとクラスのプロパティcolor_として宣言した理由colorです。）

Running the code... Note👇

• color_プロパティを使用してフィールドの値を更新していますcolor—以下の行番号をご覧ください👇。22.行番号も確認してください。実際にの値を設定している14color_。

6.5モジュール

大規模なプログラムのシナリオを理解します。数千行のコードと数百のクラスがあり、その場合、すべてを1つのファイルで管理するのは非常に困難になります。 main.ts

So, we must need to divide our large program into multiple files — thus we use Modules to divide our code for better readability, understandability and maintainability.

      

• モジュールを作成するために、ファイルcode of class Drawからを削除してmain.tsファイルに移動しましたpoint.ts。以下をご覧ください👇コード（添付画像内）
• exportこのクラスDrawがpoint.tsファイルの外部にアクセスできるようにするには、キーワードを指定する必要があります。
• 次に、モジュールクラスDrawをmain.tsファイルにインポートして使用する必要があります。
• モジュールをインポートするにはimport、fromキーワードを使用します。

import { Draw } from "./point";

--target es5を取り除くためにコマンドで使用することを忘れないでくださいerror: Accessors are only available when targeting ECMAScript 5 and higher。このコードを実行するコマンド：

tsc --target es5 main.ts && node main.js

前に覚えておくべきこと👋👋

⭐️Declare properties by using get keyword and set keyword. プロパティはクラス外のフィールドのように見えますが、内部的にはクラス内のメソッドです。

⭐️ We use Modules to divide large program into multiple files.

これはすべてTypeScriptの基礎についてです—次のパートでお会いしましょう👋👋

このシリーズのパート— 6.4をまだカバーしていない場合は、このリンクを確認することをお勧めします→ TypeScriptのコンストラクターとアクセス修飾子

パート—7にご期待ください
https://medium.com/@AnkitMaheshwariIn

拍手してよろしければ👏👏それが役に立ったので、私はそれを大いに感謝します:)他の人が記事を見つけるのを手伝ってください、そうすれば彼らを助けることができます！

いつも拍手して…