TypeScriptに入門した

目次

1. 概要
2. 初期作業
3. とりあえずhello-world

概要

初期作業

typescript環境を作っていきます。

$ mkdir ts-app
$ cd ts-app
$ npm init
$ npm install typescript
$ export PATH=`pwd`/node_modules/.bin:PATH
$ node_modules/.bin/tsc --version
# Version 4.1.3

package.json

{
  "name": "ts-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tsc"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "typescript": "^4.1.3"
  }
}

とりあえずHello World

まず、次のサンプルコードを作成します。

main.ts

const hello = (arg: string): void => {
  if (arg.length > 0) {
    for (let i = 0; i < 10; i++) {
      console.log(`Hello ${arg}`);
    }
  }
};

let world: string = 'world';
hello(world);

typescriptファイルをビルドします。

npm run build main.ts

main.js

var hello = function(arg) {
  if (arg.length > 0) {
    for (var i = 0; i < 10; i++) {
      console.log('Hello ' + arg);
    }
  }
};
var world = 'world';
hello(world);