TypeScript(.ts)をJavaScript(.js)にコンパイルする

TypeScript のコードは、一般的に JavaScript にコンパイルしてから実行します。
Node.js と npm をインストールします。TypeScript をコンパイルするために、npm にてインストールしておきます。

# グローバルにインストールする場合
npm install -g typescript
# 特定のプロジェクトで利用する場合（フォルダを作成するなどの作業を先に実施）
npm install --save-dev typescript

下記のような typescript のコードを書きます。

interface User {
    name: string;
    age: number;
}

function getUserMessage(user: User): string {
    return `${user.name} さんは ${user.age} 歳です`;
}

const user: User = {
    name: "太郎",
    age: 25
};

console.log(getUserMessage(user));

js へコンパイルします

tsc index.ts

下記のような index.js が生成されました

function getUserMessage(user) {
    return "".concat(user.name, " \u3055\u3093\u306F ").concat(user.age, " \u6B73\u3067\u3059");
}
var user = {
    name: "太郎",
    age: 25
};
console.log(getUserMessage(user));

実行します

node index.js
> node index.js
太郎 さんは 25 歳です

TypeScriptJavaScript,TypeScript

Posted by kidatti