Какво е TypeScript?

Преглед на TypeScript

Така че, както най-вероятно сте наясно, JavaScript разширява своя отпечатък всеки ден. Преобладаващо и невероятно е какво можете да направите с езика в днешно време.

Въпреки това, тъй като по-мащабните проекти започват да използват JavaScript, процесът на улесняване на писането и по-лесното поддържане на кода става все по-труден.

Това е проблем, който Microsoft разпозна рано и те излязоха с решение: TypeScript Първата версия беше пусната на 1 октомври 2012 г.

JavaScript срещу TypeScript

Къде е Уолдо

Добре, така че сега, когато имаме общо усещане за това какво е TypeScript, нека да поиграем на бърза игра Къде е Уолдо .

В горната екранна снимка можете да забележите разликите между JavaScript& TypeScriptв тази много проста програма за умножение, която просто отпечатва произведението на две числа, които съм предварително дефинирал.

Какви са обаче тези разлики? ? ️

Те са типове !

Така JavaScriptима и динамичното въвеждане, тъй като променлива, декларирана като число, може да бъде превърната в низ, където както TypeScriptи статичното въвеждане означава, че предварително декларирате какъв тип стойност ще съдържа променливата и тя не се променя.

В този multiplication.tsфайл обявявам всички тези променливи за числа, за да не могат да бъдат променени на нещо друго.

По същество TypeScript се опитва да помогне на JavaScript да достигне нови висоти и да стане много мащабируем. Той може да бъде подчертан от следните функции:

  • безплатен език за програмиране с отворен код, разработен и поддържан от Microsoft
  • строг синтактичен супер-набор от JavaScript, който се компилира в обикновен JavaScript
  • улеснява разработването на широкомащабни приложения, написани на JavaScript
  • разширява JavaScript чрез добавяне на статични типове, класове, модули, интерфейси и генерични продукти

? FUN FACT TypeScript навърши 7 години на 1 октомври 2019 г.

Версия

Последната налична стабилна версия е TypeScript 3.7 (от началото на 2020 г.).

Как да инсталирате TypeScript

Инсталация

За да започнете сами, двете неща, от които се нуждаете, са компилаторът TypeScript и редактор, който поддържа TypeScript.

В горната екранна снимка инсталирам както компилатора, така и TSLint (който е подобен на ESLint), използвайки npmв интегрирания терминал на Visual Studio Code.

Инсталиране на TypeScript

Тази команда ще инсталира пакета TypeScript като зависимост във вашия проект, npmкойто е популярен мениджър на пакети.

npm i typescript

Забележка Има няколко опции, които npmпредлагат в зависимост от това къде искате да бъде инсталиран TypeScript.

  • npm i -g typescript за глобално инсталиране на пакета TypeScript
  • npm i -D typescript за да инсталирате пакета TypeScript като dev-зависимост

Компилиране на един файл до JavaScript

tsc multiplication.ts

Забележка: Можете да конфигурирате този процес на компилация на TypeScript като персонализиран npm скрипт във вашия package.json.

Опции за конфигуриране

touch tsconfig.json

Има и опцията за създаване на tsconfig.jsonфайл, който определя коренните файлове и опциите на компилатора.

tsconfig.jsonНапример във вашия файл можете да посочите, че искате TypeScript да се компилира до ES5 вместо ES6.

Бърз пример

Умножение

На екранната снимка по-горе можете да видите два файла - multiplication.jsи multiplication.ts.

Тази програма просто отпечатва произведението на две числа, които съм предварително дефинирал.

multiplication.ts

let a: number = 10; let b: number = 2; function showProduct(first: number, second: number): void { console.info("Mathematical! The result is " + first * second + "."); } showProduct(a, b); // Mathematical! The result is 20.

След като завърша създаването multiplication.ts, мога да го компилирам до JavaScript с помощта на tscкомандата, която означава компилация на TypeScript.

multiplication.js

var a = 10; var b = 2; function showProduct(first, second) { console.info("Mathematical! The result is " + first * second + "."); } showProduct(a, b); // Mathematical! The result is 20.

Бам - току-що успешно компилирахме TypeScript в JavaScript!

TSLint

TSLint

Линтер е инструмент, който открива и отбелязва грешки в програмните езици, включително стилистични грешки.

За TypeScript TSLint е най-популярната опция за свързване.

TSLint е разширяем инструмент за статичен анализ, който проверява TypeScript кода за четливост, поддръжка и функционални грешки.

Той се поддържа широко в съвременните редактори и системи за изграждане и може да бъде персонализиран според вашите собствени правила, конфигурации и форматисти

Инсталиране на TSLint

Тази команда ще инсталира глобално TSLintпакета с помощта npmна популярен мениджър на пакети.

npm i -g tslint

Игрище

Игрище

Ако искате да изпробвате TypeScript, без да го инсталирате, посетете TypeScript Playground.

Детската площадка има вградено автоматично довършване и възможност за директен преглед на излъчения JavaScript.

Други ресурси

За да научите повече за инсталирането, вижте Приложението за инсталиране.

В случай, че имате нужда само от проверка на типа и не искате да компилирате програмата си, прочетете за Flux.

  • Бърз старт
  • Документация
  • Програмен код