最初のステップはTypeScriptをグローバルにインストールすることですnpmを使用してインストールする npm インストール -g タイプスクリプト cnpmを使用してインストールする cnpm インストール -g タイプスクリプト yarnを使ってインストールする 糸グローバルTypescriptを追加 ステップ2 TypeScriptを初期化するvscodeターミナルで>>ビルドタスクを実行>> tsc: monitor tsconfig.json 次は、Typescriptの旅を始めましょう〜 TypeScript 基本データ型 // ブール型 boolean 数値型 number 文字列型 string 配列型 array タプル型 tuple 列挙型 enum any 型 void 型 never 型 // ブール型 let flag:boolean = true console.log(フラグ) //true // 数値型 let num:number = 11234 コンソール.log(数値) // 112 // 文字列型 let str:string = 'str str str~' let str1:string = `hello this is string ${ num }` // テンプレート文字列もサポートします console.log(str) // str str str~ // 配列型 // type1 要素型の後に [] を追加して、この型の要素の配列を示すことができます。let list:number[] = [1,2,3] list1:文字列[] = ['a','b','c']とします // type2 は配列ジェネリックを使用します。Array<要素の型> list3:配列<数値> = [1,2,3]とします。 list4:Array<文字列> = ['a','b','c'] とします。 //タプル型タプル タプル型を使用すると、既知の数と型の要素の配列を表すことができ、各要素は異なる型にすることができます。 let x:[文字列, 数値] let y:[ 数値, 文字列 ] x = [ 1, 'a' ] // エラー x = [ 'a', 1 ] // 真 y = [ 1,'a' ] // 真 // 範囲外の要素にアクセスする場合は、代わりにユニオン型が使用されます。 x[3] = 'yuejie' // 成功 文字列は (文字列 | 数値) 型をサポートします x[4] = true // エラー bool は (文字列 | 数値) 型ではありません // 列挙 enum Color { blue, red, orange } 列挙フラグ { 成功 = 1、エラー = 2 } 列挙型 Color1 { 青、赤 = 4、オレンジ、緑 } c:Color = Color.red // 0 とします result:Flag = Flag.success // 1 とします d:Color1 = Color1.orange // 5 とします e:Color1 = Color1.blue // 0 とします // 任意の型 // ユーザーが動的に入力する値がわからない場合は、強力な型言語の検出を回避します。 any型を使用してlet notSure:any = 4をマークすることができます。 notSure = 'これはどれか' // ok notSure = true // 正常 list0:any[] = [1,true,'free']とします list0[2] = 1 //ok、型が指定されていません // Void型 // 型がないことを意味します。関数が値を返さない場合、その戻り値の型は通常 void になります。 function user():void { console.log( 'this is void' ) } // 戻り値なし function user1 ():number { return 123 } // 数値型を返す let user2:void = undefined | null // 役に立たない、undefined と null のみ使用可能 // Null と Undefined については説明されていません let u: undefined = undefined; n: null = null とします。 // Never never 型は決して存在しない値の型を表します。 never 型は、常に例外をスローするか、まったく値を返さない関数式またはアロー関数式の戻り値型です。 neve = 123 // エラー // never を返す関数は到達不可能なエンドポイントを持つ必要があります neve = (() => { throw new Error('err') })() // 成功 関数 loop(): 決して { (true) { } の間 } // PS 今日のチュートリアルはここで終了です。オブジェクトタイプは後で更新されます。 TypeScriptのインストールと使い方、基本的なデータ型についての記事はこれで終わりです。TypeScriptの基本的なデータ型についてさらに詳しく知りたい方は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: MySQL 5.6.36 Windows x64 バージョンのインストールチュートリアルの詳細
この記事では、1枚以上の写真をアップロードするためのVant Uploaderコンポーネントを紹介し...
目次背景問題分析1. 属性値はJson形式であり、Json操作関数を使用して処理する必要があります。...
目次1. 検索バーの内容をカスタマイズする2. 検索ボタンをカスタマイズする検索バーをカスタマイズし...
Web ページ制作では、input と img が同じ行に配置されることが多く、img タグが常に ...
コードをコピーコードは次のとおりです。 <meta name="viewport&q...
1. CSS スプライトを使用します。利点は、CSS で使用される小さな画像を 1 つの大きな画像に...
目次1. HTML構造を作成する2. テーブルを作成する3. ヘビの頭と体を作る4. 食べ物を作る5...
書き方1: sas_order_supply_month_pay セットを更新 RECEIVE_TI...
nginx の設定命令のスコープは、main、server、location の 3 種類に分けられ...
MySQL テーブルでの接続方法は実は非常に簡単なので、ここではその特徴を簡単にリストします。テーブ...
今日、docker で redis 環境を構築していたところ、yum がリソースを取得できず、インタ...
Navicat を使用して IP 経由で直接接続すると、次のようなさまざまなエラーが報告されます: ...
今日、牛南ニュースリリースシステムについて学んでいたとき、牛南先生はスクロールバーに関するいくつかの...
Linux で Go 環境を構築するのは非常に簡単です。 1. go1.2.1.linux-386....
今日、WordPress がデータベースに接続できないことがわかりました。ウィンドウ サーバーにログ...