Статическая поддержка проверки типов
Одной из сильных сторон TypeScript
является возможность выполнять статическую проверку типов. С помощью этой функции мы можем определять и применять типы данных к переменным, параметрам функций и возвращаемым значениям.
Например:
let age: number = 25;
let name: string = "John";
let isActive: boolean = true;
В приведенном выше примере мы объявляем переменные age
типа number
, name
типа string
и isActive
типа 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
В приведенном выше примере 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
и 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
поддержка системы, а также расширенный синтаксис и функции. Эти функции повышают надежность, производительность и управление кодом во время разработки приложений.