「TypeScript入門」基本的な型(String)の変数を使うサンプル
構文
let 変数名:String =value
使用例1 テキストデータ型
let username: string = “user001”;
username = ...
「TypeScript」基本的な型(Number)のサンプル
説明
Typescriptの number は浮動小数点数です。
使用例
//2進数
let binaryLt: number = 0b1010;
//8進数
let octalLt ...
「TypeScript入門」クラス(class)を使うサンプル
構文
class クラス名 {
関数名():xxx{
//some code
}
}
サンプルコード
class Sample { name():void { console. ...「TypeScript入門」NPMでTypeScriptをインストールする
TypeScriptのインストール
$ npm install -g typescript
バージョンの確認
$ tsc -v
Version 3.2.2
使用例
sample.tl ...
[TypeScript]インターフェース(interface)を実装する
システム情報
Windows10 64bit
TypeScript Version 4.4.4
構文
class クラス名 implements インターフェース名{
public 変数名:デー ...
TypeScriptでクラスのゲッター(getter)とセッター(setter)のサンプル
環境情報
Windows10 64bitTypeScript Version 4.4.4構文
//クラスのメンバーのsetter set 変数名(変数名: number) { this._変数名 = 変数名; } ...Windows10でtypescriptのバージョンを確認する
環境情報
Windows10 64bit
node v17.0.1
方法1
C:\typescript>npm ls -g typescriptC:\Program Files\nodejs - ...「TypeScript」列挙型 (enum) を使用する方法
書式
enum 列挙名{
定数1,
定数2
}
使用例
enum Auth { CREATE, UPDATE, DELETE} console.log(Auth.UPDATE); co ...「TypeScript」interfaceのプロパティを追加する
環境
Windows10 64bit
TypeScript Version 4.4.4
使用例
//interfaceの定義interface Emp { username: string; depn ...「TypeScript」union(共用体)で複数の型を許容する
環境
Windows10 64bit
TypeScript Version 4.4.4
書式
let 変数名:型1 | 型2
var 変数名:型1 | 型2
使用例
TypeScriptでタイプエイリアス定義サンプル
環境
Windows10 64bit
TypeScript Version 4.4.4
書式
type エイリアス名 = {変数名:データ型}
let 変数名: User = {変数名:値} ...
Typescriptで型アノテーションのサンプル
環境
Windows10 64bit
Typescript 4.4.4
書式
function 関数名(name: 型名): void {処理コード}
使用例
「TypeScript」インターフェース(interface)のサンプル
システム情報
Windows10 64bit
TypeScript Version 4.4.4
構文
interface インターフェース名{
変数名:データの型
}
使用例 ...
TypeScriptでプリミティブ型を指定するサンプル
書式
let 変数名:データの型
使用例
TypeScriptで関数(function)を定義するサンプル
環境
Windows 10 64 bit
TypeScript 4.4.4
書式
function 関数名(変数名:データの型):void{処理コード}
使用例
TypeScriptでリストやタプルを指定するサンプル
環境
Windows10 64bit
Typescript 4.4.4
書式
let 配列名: string
let リスト名: Array<string> =
使用例 ...
TypeScriptでストリングリテラル型を定義するサンプル
環境
Windows10 64bitTypeScript Version 4.4.4書式
type ストリングリテラル名 =xxxlet 変数名:ストリングリテラル名使用例
type cft = 'stu ...「TypeScript」interfaceに関数を定義する
システム情報
Windows10 64bitTypeScript Version 4.4.4構文
interface インターフェース名{ (変数名: データ型): データ型;}const 関数名: インターフェース ...