ki-hi-ro.com WEB制作フリーランスエンジニア
  • Service
    • WEBサイトの更新サポート
    • 新規サイトコーディング
  • Introduce
    • メッセージ
    • 自宅兼事務所
    • Twitter
  • Blog
    • 技術ブログ
    • 学習ブログ
    • 雑記ブログ
  • Others
    • スケジュールのお知らせ
    • お問い合わせ
    • WEBに関する無料相談
  • Top
  • Service
  • Introduce
  • Blog
  • Contact

TypeScript 学習 part2

前回の記事でTypeScriptを学び始めました。今回はその続きをやっていきます。

TypeScriptとJavaScriprの挙動の違い

以下のコードは、数値の配列に対して、文字列に使用するtoUpperCase()を用いています。

const ageList = [30, 40, 50]
ageList[0].toUpperCase()

TypeScriptの場合、エディタ上で「プロパティ ‘toUpperCase’ は型 ‘number’ に存在しません。」とエラー内容を教えてくれます。

しかし、JavaScriptの場合は、実行時に初めてエラーが表示されます。また、エラー内容がTypeScriptよりも分かりにくいです。

エラー内容を、分かりやすく早く教えてくれるというのが、TypeScriptを使用するメリットです。

型アノテーションと型推論

TypeScriptには、型をアノテーション(annotation: 注釈という意味)することができる一方、型推論してくれる機能もあります。

型推論によって型のアノテーションを省略できます。

例えば、私の名前を以下のように、string型でアノテーションすることもできますが、

let my_name: string = 'Shibata Hiroki'

以下のようにアノテーションを省略することができます。

let my_name = 'Shibata Hiroki'

本日のコミット

TypeScriptの基本的な文法を学習して、一部コードを書いていきました。

コミット履歴はこちら

次回

次回は、ヒットアンドブローというゲームを作成しながら学んでいきます。

YouTubeで調べたら、はじめしゃちょーがこのゲームに関連する動画を上げていました。

関連記事

2022.05.15 TypeScript TypeScript 学習 part10
2022.05.12 TypeScript TypeScript 学習 part9
2022.05.01 TypeScript TypeScript 学習 part8
2022.04.28 TypeScript TypeScript 学習 part7
2022.04.25 TypeScript TypeScript 学習 part6
2022.04.24 TypeScript TypeScript 学習 part5

サービス一覧

  • WEBサイトの更新サポート
  • 新規サイトコーディング

自己紹介

  • メッセージ
  • 自宅兼事務所
  • Twitter

ブログ

  • 技術ブログ
  • 学習ブログ
  • 雑記ブログ

その他

  • スケジュールのお知らせ
  • お問い合わせ