TypeScriptについて

2380 ワード

Typeスクリプトの開始


まずタイプスクリプトホームページ(https://www.typescriptlang.org/)に入り、初めて見た画面です.
TypeScriptはtypes->タイプ構文を持つJavaScriptであり、JavaScriptベースの静的タイプ構文言語である.

タイプスクリプトのフィーチャー


1.コンパイル言語


コードの作成中に、エラーを特定し、事前にタイプを特定するためにタイプをチェックすることができます.そのため、実行速度は非常に速いです.しかし、欠点は、コードを書くたびにタイプを決定することであり、コード量が増加し、コンパイル時間が長くなることです.

2.オブジェクト向けプログラミングサポート


これはタイプスクリプトで最高の機能だと思います.
タイプスクリプトには、ES 6(ECMAScript 6)で新しく使用された構文が含まれ、クラス、インタフェース、継承、モジュールなどのオブジェクト向けのプログラミングモードが提供されます.
=>コードでさらに詳しく説明します.

タイプスクリプトの利点


1.高度なコードナビゲーションとデバッグ


タイプ・スクリプトは、コードに目的を示し、目的のタイプに一致しない変数または関数でエラーを発生させ、エラーを事前に排除します.=>私のようによく誤字を打つ人にとっては本当にいいです.ほほほ

2.JavaScriptとの互換性


タイプスクリプトはJavaScriptと完全に互換性があります.このため、JavaScriptを使用してフロントエンドまたはバックエンドの任意の場所でタイプスクリプトを書き込むことができます.

3.高いの?強力な生態系


タイプスクリプトはあまり古くない言語ですが、強力な生態系を持っています.ほとんどのライブラリでは、タイプスクリプトがサポートされています.
詳細については、「本書=>https://www.typescriptlang.org/」を参照してください.

今は実戦で使いましょう。


私たちが実際に使っているところがReactionです
端末を打ってから入力しましょう
=> npm install --save typescript @type/node @type/react @type/react-dom @type/jest

このようにインストールすると、タイプスクリプトの準備ができています.
五、五
タイプスクリプトを使用する方法はたくさんありますが、今日はインタフェースの宣言と使い方について説明します.

上記のコードに示すように、インタフェースCircleProps{}でタイプを指定できます.
interface CircleProps{
    bgColor : string; <- required props
    borderColor ?: string; <-optional props
    text ?: string
}
上記のコードから、bgColor:string=>これはbgColorのpropsの値がstringである必要があり、propsに値を渡す必要があります.これらの値を守らないと、タイプスクリプトにエラーがエクスポートされます.これがrequired propsです.
でもよく見るとborderColor?:string; これはオプションのpropsであり、borderColorが入っても入らなくてもよいことがわかります.価格がオーバーしたらstringを守って、オーバーしなくても大丈夫です.

整理する


タイプスクリプトは本当に頭がいいです.私が間違っているタイプと、うっかり指定したタイプはタイプスクリプトによってブロックされているからです.実際、小規模なプロジェクトでは多くのタイプのスクリプトは必要ありませんが、大きなプロジェクトではこれらのスクリプトが必要です.自分で誤字やタイプの間違いがあったら、使ったほうがいいです.また、メンテナンスがしやすいので、ぜひ勉強することをおすすめします🙏