コードワードは簡単ではありません。役立つ学生は、私のWeChatパブリックアカウントに注意を払うことを望んでいます。コードプログラムの生活、ありがとう！コードはそれ自体で使用およびフェッチされます。
TypeScriptの最も重要な機能の1つは、静的型を定義できることです。英語名はStaticTypingです。どういう意味ですか？複雑すぎる概念についてはここでは説明しません。「静的型」は簡単に理解できます。つまり、一度定義すると変更できません。たとえば、あなたが男性の場合、あなたは一生男性でなければなりません。あなたが女性の場合、あなたは女性になり、あなたは一生女性になります。これは変更できません！えーと…今は自由に変えられるようですが、これが普通の状況です。しかし、いくつかの機能もあります。これは見た目ほど単純ではありません。今学びましょう。
静的型を定義する方法
前号のフォルダに新しいファイルを作成してdemo2.tsから、次のコードを記述できます。
const count: number = 1;
これは、数値型のcount変数を定義する最も簡単な方法: numberです。ここでは、静的型を定義します。このような定義の後count、変数は常にプログラム内の数値タイプになり、変更できなくなります。たとえばcount、この時点で文字列をコピーすると、エラーが報告されます。
//错误代码
const count: number = 1;
count = "Code程序人生";
しかし、これは最も単純な理解にすぎません。さらに深く掘り下げると、この時点でのcount変数numberは、その型のすべての属性とメソッドを使用できることがわかります。countこの機能は、後ろにa。と入力すると表示され、エディターから非常に良いヒントが得られます。これが、私がVScodeエディターを使用するのが好きな理由の1つです。
カスタム静的タイプ
静的型を自分で定義することもできます。たとえば、ここで小姐姐型を定義すると、変数を宣言するときにこの静的型を使用できます。以下のコードを参照してください。
interface XiaoJieJie {
uname: string;
age: number;
}
const xiaohong: XiaoJieJie = {
uname: "小红",
age: 18,
};
この時点で変数を宣言すると、カスタム変数と同じではなく、VSCodeエラーが直接報告されます。この時点で、xiaohong変数にはunameandage属性もあることに注意してください。
この問題で覚えておく必要があるのは、静的型を使用する場合、変数の型を変更できないことを意味するだけでなく、型のプロパティとメソッドも決定されることを意味します。この機能により、プログラムの堅牢性が大幅に向上します。また、エディターは、この時点で優れた文法上のヒントを提供し、開発効率をスピードアップします。
深く研究し続けると、これら2つの利点をより深く理解できるようになります。
WeChatミニプログラムコースのデザイン、完全なデザインのニーズがあります。個人のQQに連絡してください：505417246
次のWeChatパブリックアカウントに注意してください。WeChatアプレット、Vue、TypeScript、フロントエンド、ユニアプリ、フルスタック、Nodejs、Python、その他の実用的な学習資料を受け取ることができます。
最新かつ最も完全なフロントエンドの知識の概要プロジェクトのソースコードはできるだけ早くWeChatに公開されます。番号、注意してください、ありがとうございます
公式アカウントに注意を払った後、フロントエンドの面接の質問に返信し、フロントエンドの面接の質問の要約pdfデータを多数受け取ります
