静的型チェックのサポート
の強みの 1 つは TypeScript 、静的型チェックを実行できることです。 この機能を使用すると、データ型を定義して変数、関数パラメータ、戻り値に適用できます。
例えば：
let age: number = 25;
let name: string = "John";
let isActive: boolean = true;
上の例では、 age type number、 name type string 、および isActive type の変数を宣言します boolean。 TypeScript 割り当ての有効性をチェックし、矛盾が見つかった場合はエラーを報告します。
コンパイラと自動化のサポート
TypeScript TypeScript コードを同等のコードに トランスパイルする強力なコンパイラが付属しています JavaScript。 さらに、 TypeScript エラー修正、コードのフォーマット、構文チェックなどのタスクのための自動化ツールを提供し、生産性を向上させ、開発中の労力を軽減します。
例えば：
// TypeScript code
const sum =(a: number, b: number): number => {
return a + b;
};
// Transpiled JavaScript code
var sum = function(a, b) {
return a + b;
};
コンパイル時のエラーチェック
TypeScript コンパイル時にエラー チェックを実行し、アプリケーションを実行する前に論理エラー、構文の間違い、型関連の問題を検出します。
例えば：
const calculateArea =(radius: number): number => {
return Math.PI * radius * radius;
};
console.log(calculateArea("5")); // Lỗi: kiểu dữ liệu không phù hợp
上記の例では、文字列を type の パラメータに TypeScript 渡すときに、コンパイル中にエラーをキャッチします 。 "5" radius number
Module システムサポート
TypeScript は堅牢な module システムをサポートし、ソース コードを独立したモジュールに分割できます。 これにより、コード管理、再利用性、拡張性が強化されます。
例えば：
// Module A
export const greeting = "Hello";
// Module B
import { greeting } from "./moduleA";
console.log(greeting); // Kết quả: "Hello"
上の例では、 moduleA と の2 つのモジュールがあります moduleB。 moduleA 変数 をエクスポートし greeting、 変数を moduleB インポートし て使用します。 greeting moduleA
拡張された構文と機能
TypeScript の構文と機能を拡張します JavaScript。 たとえば、アロー関数、非同期/待機、構造化、テンプレート リテラルなどの TypeScript 最新 ECMAScript 機能をサポートします。 これにより、開発者は最新の機能を活用し、より読みやすく理解しやすいコードを作成できるようになります。
例えば：
const name = "John";
const message = `Hello, ${name}! Welcome to TypeScript.`;
console.log(message); // Kết quả: "Hello, John! Welcome to TypeScript."
上の例では、テンプレート リテラルを使用して、変数を含む文字列を作成します name。
要約すると、 TypeScript 静的型チェック、コンパイラと自動化のサポート、コンパイル時エラー チェック、 module システム サポート、拡張された構文と機能などの優れた機能を備えています。 これらの機能により、アプリケーション開発中の信頼性、パフォーマンス、およびコード管理が強化されます。