TypeScriptの導入編
index:
概要:
TypeScript の導入メモとなります
・ javascript派生で、進化系言語のイメージあります
コンパイラでのチェックがされたり、
モジュールのインポート、
クラスが使えて便利な部分は ありそうです。
環境
TypeScript
node.js
npm
参考にしたページ
https://www.typescriptlang.org/
https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html
・型や、クラスなど
https://www.typescriptlang.org/docs/handbook/basic-types.html
https://www.typescriptlang.org/docs/handbook/interfaces.html
追加の手順
npm install -g typescript
コード書きます
https://github.com/kuc-arc-f/ts_start1/blob/master/greeter1.ts
function greeter(person: string) {
return "Hello, " + person;
}
let user = "Jane User112233";
console.log( greeter(user) );
document.body.textContent = greeter(user);
tsc コンパイル
tsc greeter.1ts
greeter1.js が生成されます
・HTMLから、読み込み
<!DOCTYPE html>
<html>
<head><title>TypeScript Greeter</title></head>
<body>
<script src="greeter1.js"></script>
</body>
</html>・クラスの例
class Student {
fullName: string;
constructor(public firstName: string, public middleInitial: string, public lastName: string) {
this.fullName = firstName + " " + middleInitial + " " + lastName;
}
}
interface Person {
firstName: string;
lastName: string;
}
function greeter(person: Person) {
return "Hello, " + person.firstName + " " + person.lastName;
}
let user = new Student("Jane", "M.", "User1111");
document.body.textContent = greeter(user);
