Javascript vs Typescript

タイプスクリプト

タイプスクリプトはjavascriptタイプを付与することによって強制的に実行される言語です.
JavaScriptの拡張言語と見なすことができます.
既存のjavascriptでは、文字列を変数に割り当て、数値列を再割り当てすることは問題ありません.以下に示します.

let apple = "사과"

hello = 7777

ただし、タイプスクリプトでは変数のデータ型が指定されるため、再割り当てはできません.

let apple: string = "사과"

hello = "12345" // 빨간줄이 나오며 에러가 발생

JavaScriptのタイプは厳密ではありません.
したがって、変数や定数を作成すると、文字を先に入力し、数字を入力するなど自由に変換できます.この点は開発上非常に便利に見えるが,大規模なサービスを複数人で開発すると問題になる可能性がある.
タイプスクリプトの使用方法は次のとおりです.

let aaa : string = "안녕하세요"
let bbb : number = 123 

前述したように、変数名の横にタイプを指定すればよい.
オブジェクトタイプを作成する場合、名前には慣例があり、名前には大文字Iを付けるとよい.

interface Iobj {
  aaa: number;
  bbb: string;
  ccc: boolean
}

let obj: Iobj = { aaa: 1, bbb: "2", ccc: true }

オブジェクトは上のようにタイプを設定できます.

タイプスクリプトファイル拡張子

タイプスクリプトを使用するファイルにreturnが含まれている場合、拡張子をtsとして保持するとエラーが発生します.
reurn部分はほとんどjsx部分なので.
したがって、返されるJavaScriptセクションはありません.tsに変更し、返されるhtml(jsx)セクションを返します.tsxに変更すればいいです.

他のタイプのスクリプトで使用するか、次のように使用します.

interface Iobj {
  aaa: number | string;
  bbb: string & number;
  ccc?: boolean
}

let obj: Iobj = { aaa: 1, bbb: "2", ccc: true }

疑問符はキー値以内でなくてもいいという意味です.