どのように入力スクリプトあなたの人生を変えることができます

JavaScriptは現在、最も使用されるプログラミング言語の一つであり、それが何で素晴らしいです.
しかし、それは必ずしも十分に厳しいわけではない.それは私たちに多くの自由を与えます.
しかし、我々は時間をかけて部品を破ることができるように、大きなアプリケーションの理想的ではない.
あなたのデータベースに持っている変数であるかもしれません、それは数として意図されているかもしれません、しかし、ある日、それは数の曲がったバージョンを返します'123' .
これは世界の終わりではないかもしれませんが、あなたがこれで計算をしていたと言いましょう、そして、常に数を予想しました.
それは正確には、typescriptが正しく定義されていない値について警告しているところです.

では、スクリプトは何ですか?
typesscriptはJavaScriptのスーパーセットで、静的なタイピング、クラス、インターフェイスを与えます.
それらを使用することの利点として、私たちのIDEは、彼らが私たちに特定の機能/変数から何を期待するかを教えてくれるので、より良い開発者の経験を与えることができます.

TypeScriptはコードの実行前に実行され、コードの型が正しく入力されるようにします.
例えば、これを例にしましょう.

let demo: number;
demo = 'string';

としてletを作成するnumber タイプ、したがって、それはストリング値としてそれを割り当てるのが間違っています、そして、typescriptは我々に知らせます.

覚えておくべき良いことは、typescriptが出力コードを変更しないことです.
最終的に、あなたの出力はプレーンJavaScriptになりますが、変数と型を確保し、正確に我々は期待しています.
それを比較することができますSASS/SCSS . CSSを書く方法は別ですが、結果は単なるCSSです.

ハウツーとスタイル
タイプスクリプトに飛び込む前に、私はtypescriptに慣れることを提案します.私は、それの基礎を通過するために、来るべき記事を使用しています.
しかし、JavaScriptからTypesScriptに移動するのにかかるものを紹介しましょう.
我々は既存の変換する必要があります.js ファイル.ts ファイル.
次に、これらを変換するためのtypescriptコンパイラが必要になります.ts プレーンに.js 再びファイル.
タイプスクリプトコンパイラはtsc .
以下のパッケージをインストールすることでインストールできます.

npm install -g typescript

一度実行すると、我々は実行することができますtsc file.ts を指定します.
このコマンドは、私たちのtypescriptが有効であるかどうか決定します、そして、同じ名前を出力します.js ファイル.
以前に議論したように、間違ったタイプのコードを加えましょう.

let myName: string;
myName = 123;
console.log(`Hello ${myName}`);

このコードをコンパイルしようとすると、次のエラーが発生します.

しかし、index.js ファイルはまだ変換されたJavaScriptバージョンで生成されます.
これは、結局、typescriptが我々を助けるためにそこにあるので、それはちょうど我々が何をしているかについてわかっていると仮定するでしょう.
それは我々に何かについて警告しました、そして、これで何かするために、それは我々次第です.
ただし、--noEmitOnError フラグ.

次は何
今、私たちは、どんなタイプスクリプトが何であるか、そして、それが何をするかを広く知っているので、次に何をすることができますか?
次の2つの記事では、私たちはtypescriptの基礎を通っています.

種類

インターフェース

関数

その他

あなたが私と一緒にTypesScriptを学ぶことに興味があるならば、今後の記事に目を向けてください🙌.

読んでいただきありがとうございます、接続しましょう!
私のブログを読んでくれてありがとう.私の電子メール会報を購読して、接続してくださいFacebook or