1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

キーワードで勉強しよう! - Typescript

Posted at

##Typescript
既存のJavaScriptではできなかった型定義やクラス生成などを可能にしたスーパーセット(上方互換)言語

##JavaScripとTypeScript、何が違う?
※基本、TypeScriptはJavaScriptの拡張言語のため、JavaScriptでできる機能は全部使える。
・型定義が可能

JavaScript
var name = 'kim';
TypeScript
var name: string = 'kim';

・インターフェース、クラスがつかえる

TypeScript
class Person{
    name: string;
    age: number;
}

・外部ライブラリで定義されている型を使用可能
・ジェネリックが使える

TypeScript
function getType<T>(arg: T): T {
  return arg;
}

getType<number>(1); // 1
getType<string>('文字列'); // 文字列

##型定義が可能になって利点は?
予見できなかったエラーに対応しやすいし、コンパイルする前に型関連エラーを解消することができる

JavaScript
var num1 = 1;
var num2 = '2';

console.log(num1 + num2) // 3
TypeScript
var num1: number = 1;
var num2: string = '2';

console.log(num1 + num2) // エラー発生

##参考
参考1
参考2

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?