-
「...」という文字を用いた文法がES6から登場しています。レスト演算子とスプレット演算子がありますが下記のように覚えると良いと思います。 レスト演算子 → 配列やオブジェクトを作ってくれる。 スプレット演算子 → 配列やオ…
-
関数 基本形 TypeScriptの関数は引数と戻り値にデータ型をつける事が必要になります。 [crayon-6629715d2be91878447366/] 無名関数 関数名を直接つけずに関数を変数に代入して使用する事ができます…
-
unknown型とは? 「number型かもしれない」、「string型かもしれない」という曖昧な型のことです。TypeScript3.0で導入されました。 unknownを指定すると型安全が保障されるコードでなければコンパイルエラーに…
-
エイリアス型(type) 下記のように記述します。エイリアス名の先頭文字は大文字にするのが規則になっているので気をつけましょう。 [crayon-6629715d2c7c2186038887/] 実装例 [crayon-662971…
-
void型 関数の戻り値がない場合に使います。(関数は明示的にreturn文で何かしらのデータを返すと指定しなければなりませんが、この型を指定すれば関数のreturn文を省略することが可能です。) ちなみに、デバッグすればわかります…
-
共用体型(union型)とは? 記述方法 下記の例の場合はstringでもnumberでもどちらの型でも代入することができますよという場合の型になります。 [crayon-6629715d2d00c407063593/] Tuple…
-
tsconfig.jsonとは? TypeScriptでコンパイルの設定を行うファイルです。 作成方法 下記コマンドで生成できます。 [crayon-6629715d2d493333920731/] デフォルトの挙動 tscと打…
-
基本的なデータ型 boolean 真偽値(true/false)を扱います。 number 数値(整数、浮動小数点)を扱います。 string 文字列を扱います。 any まだデータ型が確定していない場合や得体のしれない物の…
-
04.13
【TypeScript】基本
TypeScriptとは? 2012年にマイクロソフト社によって開発されたプログラミング言語で、JavaScriptの弱点を改善する目的で開発されました。JavaやC#に近い設計がされておりコンパイルすることでJavaScriptコードを…
-
コンポーネントからVuexにアクセスするには二つの方法があります。 this.$storeにより直接使う方法 Vuexが提供しているヘルパー関数を使用する方法 this.$storeによるアクセス ルートのコンポーネ…