TypeScriptのインストールと使用方法と基本的なデータ型

TypeScriptのインストールと使用方法と基本的なデータ型

最初のステップはTypeScriptをグローバルにインストールすることです

npmを使用してインストールする

npm インストール -g タイプスクリプト

cnpmを使用してインストールする

cnpm インストール -g タイプスクリプト

yarnを使ってインストールする

糸グローバルTypescriptを追加

ステップ2 TypeScriptを初期化する

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をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • TypeScript 基本データ型
  • 1つの記事でTypeScriptのデータ型について学ぶ

<<:  Docker は次の「Linux」になれるか?

>>:  MySQL 5.6.36 Windows x64 バージョンのインストールチュートリアルの詳細

推薦する

Vant Uploaderは1枚以上の写真をアップロードするコンポーネントを実装します

この記事では、1枚以上の写真をアップロードするためのVant Uploaderコンポーネントを紹介し...

MySQLはJSON内部フィールドを抽出し、数値としてダンプします

目次背景問題分析1. 属性値はJson形式であり、Json操作関数を使用して処理する必要があります。...

Avue でカスタム検索バーを実装し、検索イベントをクリアする実践

目次1. 検索バーの内容をカスタマイズする2. 検索ボタンをカスタマイズする検索バーをカスタマイズし...

入力テキスト ボックスと画像検証コードの位置合わせの問題 (画像は常に入力より 1 つ上になります)

Web ページ制作では、input と img が同じ行に配置されることが多く、img タグが常に ...

メタタグのビューポートはデバイス画面のCSSを制御します

コードをコピーコードは次のとおりです。 <meta name="viewport&q...

CSS最適化スキルの自己実践体験

1. CSS スプライトを使用します。利点は、CSS で使用される小さな画像を 1 つの大きな画像に...

JavaScript の絶妙なスネーク実装プロセス

目次1. HTML構造を作成する2. テーブルを作成する3. ヘビの頭と体を作る4. 食べ物を作る5...

Nginx 構成の場所の一致ルールの例の説明

nginx の設定命令のスコープは、main、server、location の 3 種類に分けられ...

MySQLでテーブルを接続するいくつかの方法

MySQL テーブルでの接続方法は実は非常に簡単なので、ここではその特徴を簡単にリストします。テーブ...

Dockerコンテナが外部ネットワークにpingできない問題を解決する

今日、docker で redis 環境を構築していたところ、yum がリソースを取得できず、インタ...

Navicat 経由で MySQL にリモート接続する方法

Navicat を使用して IP 経由で直接接続すると、次のようなさまざまなエラーが報告されます: ...

HTML でスクロールバーを使用する際のヒントを共有する

今日、牛南ニュースリリースシステムについて学んでいたとき、牛南先生はスクロールバーに関するいくつかの...

Linux 上での Go 環境の構築のインストールと設定の説明

Linux で Go 環境を構築するのは非常に簡単です。 1. go1.2.1.linux-386....

Windows で MySQL のルート パスワードをリセットする方法

今日、WordPress がデータベースに接続できないことがわかりました。ウィンドウ サーバーにログ...