Dzisiaj dowiemy się, dlaczego warto uczyć się TypeScript. Jakie są zalety TypeScriptu?

Cześć! mój frontend -przyjaciele!

Jeśli nie jesteś pewien, czy uczyć się TypeScript, czy nie, trafiłeś we właściwe miejsce. Nie będziesz musiał czytać więcej po przeczytaniu tego, ponieważ dokładnie zrozumiesz, co TypeScript może dla ciebie osiągnąć.

Użyjmy przykładów, aby po kolei wyjaśnić każdy punkt.

Statyczna kontrola typu

Typescript jest najczęściej używany do zapobiegania błędom w czasie wykonywania. Możemy dodać statyczne sprawdzanie typów do naszego kodu za pomocą maszynopisu, co jest niesamowite.

Weźmy przykład

Tutaj najpierw deklarujemy, że wiadomość jest ciągiem znaków, zanim ją wywołamy, ponieważ, jak wszyscy wiemy, nie można wywołać ciągu znaków. ( Duże projekty mogą utrudniać zapamiętanie typu zmiennej (łańcuch znaków, funkcja itp.), dlatego często popełniamy błędy przy typach. )

Środowisko wykonawcze w JavaScript zidentyfikuje ten problem i zgłosi go. Ale w maszynopisie TypeScript wyświetli komunikat o błędzie, zanim uruchomimy kod. to niesamowite, że nie musisz czekać, aż środowisko uruchomieniowe znajdzie błąd

Błędy bez wyjątków

Ogólnie rzecz biorąc, jeśli próbujemy uzyskać dostęp do czegoś, co nie jest zdefiniowane, powinniśmy otrzymać błąd. ale można sobie wyobrazić, że dostęp do właściwości, która nie istnieje w obiekcie, również powinien spowodować błąd. Zamiast tego JavaScript daje undefined, że czasami łamie nasz kod.

Weźmy przykład

Tutaj osobiście próbujemy uzyskać dostęp do właściwości, person.locationktóra nie jest zdefiniowana.

W javascript zobaczysz, undefinedże czasami psuje nasz kod.
Ale w maszynopisie od razu zostaniesz o tym poinformowany.

Literówki

Maszynopis zapobiega również literówkom

Jak szybko potrafisz znaleźć literówki?... Maszynopis pomaga nam ich unikać.

Jawne typy

Jak dotąd nie powiedzieliśmy TypeScriptowi o typach zmiennych, takich jak „zmienna musi być ciągiem znaków, liczbą, wartością logiczną itp.”

Zrozummy to na przykładzie

tutaj dodaliśmy adnotacje typu personi dateopisujące, z jakimi typami wartości greetmożna wywoływać. możesz to zrozumieć jako person typu string i a datetypu Date.

Dzięki temu TypeScript może nam powiedzieć o innych przypadkach, które greetmogły zostać wywołane niepoprawnie. Na przykład…

tsc, kompilator TypeScript

Przeglądarka nie rozumie maszynopisu, więc musimy skompilować go do js za pomocą kompilatora tsc

npm install -g typescript

możesz skompilować swój plik

tsc <your file name>

Mam nadzieję, że się podoba

Miłego kodowania!

chcę dać sugestie: -

znajdź mnie na LinkedIn Twitterze

Napisz do mnie na adres [email protected]