ソフトウェア開発者として 2025 年の目標(biāo)を達(dá)成できるよう、完全な Typescript コースを完全に無料で提供します!

?何を?qū)Wびますか?
?クラス 001 - プリミティブ型
?クラス 002 - オブジェクトと配列
?クラス 003 - 関數(shù)
?クラス004 - その他のタイプ
?クラス 005 - 共用體型、型アサーション、およびリテラル型
?クラス 006 - 型推論
?クラス 007 - インターフェイスと型
?クラス008 - ジェネリック
?クラス 009 - ユーティリティ タイプ
?クラス010 - クラス (パート 1)
?クラス011 - クラス (パート 2)
?クラス 012 - 追加のヒント
?クラス013 - 実踐チャレンジ

日常生活で Typescript を使用するときに最もよく使用するすべてのことを?qū)g踐的な方法で學(xué)びます。

すでに Javascript を知っている場合、Typescript はあなたのキャリアに大きな変化をもたらし、コードにさらなるセキュリティとスケーラビリティをもたらします。

設(shè)定

クラスを開始する前に、まず開発環(huán)境のセットアップを構(gòu)成し、使用するいくつかのツールをインストールして構(gòu)成する必要があります。

ノードのインストール

マシンに Node がインストールされていない場合は、https://nodejs.org/en/download にアクセスし、オペレーティング システムに従ってインストールできます。

VS コードのインストール

エディタとして VS Code を使用します。https://code.visualstudio.com にアクセスしてダウンロードできます。

Typescript のインストール

Node がインストールされたら、プロジェクトを開始して Typescript を構(gòu)成できます。

フォルダーを作成し、この新しく作成したフォルダーでターミナルを開き、ENTER キーを押して次のコマンドを?qū)g行します。

npm init -y && code .

コマンドは package.json ファイルを作成し、フォルダー內(nèi)の VS Code を開きます。 VS Code で、[表示] > [表示] をクリックします。統(tǒng)合ターミナルを開くためのターミナル。

次に、統(tǒng)合された VS Code ターミナルで次のコマンドを?qū)g行します。

npm i -D typescript

このコマンドは、開発依存関係として Typescript を package.json にインストールします。

tsconfig.json というファイルを作成し、次の構(gòu)成をファイルに追加します。

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

tsconfig.json ファイルは Typescript コンパイラーの構(gòu)成に使用されます。作成できる構(gòu)成はいくつかありますが、現(xiàn)時點(diǎn)では次の構(gòu)成のみに注目します。

• rootDir - Typescript ファイルへのパスを設(shè)定します。
• outDir - Javascript ファイルの出力フォルダーを定義します。
• target - コンパイラがファイルをコンパイルするために使用する Javascript のバージョンを定義します。
• strict - strict モードを有効にします。
• noEmitOnError - 何らかのエラーがある場合はコンパイルを?qū)g行しません。

使用可能なすべてのオプションについては、https://www.typescriptlang.org/docs/handbook/compiler-options.html にアクセスして確認(rèn)できます

package.json ファイルにアクセスし、次のコマンドを使用して新しいビルド スクリプトを作成します。

npm init -y && code .

ブラウザは、Node と同様に Typescript を理解できません。理解して実行できるように、Typescript コードを Javascript にコンパイルする必要があります。このコマンドは Typescript コードを Javascript にコンパイルして、Node.

で実行できるようにします。

覚えておいてください、最終的にはすべての Typescript コードは JavaScript になります。 Typescript は、コードの型安全性とスケーラビリティを向上させるために開発で使用される?yún)gなるツールです。

最後に、src という名前のフォルダーと、次のコードを使用してindex.ts ファイルを作成します。

npm i -D typescript

それでは、すべてが機(jī)能するかどうかをテストしてみましょう。ターミナルを開いて次を?qū)g行します:

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

実行中、すべてが正常であれば、ターミナルに Hello World が表示されるはずです。

コンソールで何かを見たいときは、このコマンドを?qū)g行してファイルを Javascript にコンパイルする必要があります。

---

プリミティブ型

TypeScript には、文字列、數(shù)値、ブール値、シンボル、bigint、null、および未定義の 6 つのプリミティブ型があります。

npx tsc && node ./dist/index.js

弦

文字列とは、引用符で囲まれたものです。一重引用符 ('')、二重引用符 ("")、または逆引用符 () を使用できます。

番號

ここでは區(qū)別はありません。整數(shù)、小數(shù)、正、負(fù)、すべてが數(shù)値として扱われます。

ブール値

真か偽の古典。

シンボル

少し抽象的ですが、シンボルは一意の識別子です。これをオブジェクトの指紋と考えてください。

Bigint

數(shù)値がすでに大きい場合、bigint はほぼ無限になります。関數(shù)電卓でも解けない數(shù)値を扱う場合に使用してください。

ヌル

値のない変數(shù)を表します。

未定義

初期化されていない値を表します。

---

以下のリンクにアクセスすると、クラス コードにアクセスできます:
https://github.com/d3vlopes/curso-typescript/tree/aula-001

次のクラス

次のクラスでは、Typescript のオブジェクトと配列について學(xué)びます。

?ご質(zhì)問や問題がありましたら?
セットアップ構(gòu)成に問題がありましたか?授業(yè)について何か質(zhì)問はありますか？ここのコメント欄に投稿して、誰もがアクセスできる高品質(zhì)の素材を一緒に構(gòu)築しましょう。

以上が無料の Typescript 5 コースの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。