JavaScript と TypeScript の紹介

Mar 19 2023
JavaScript とは何かを説明します。JavaScript は動的プログラミング言語であり、ランタイム中にさまざまに変更できます。変数は数値にすることができます。変数を文字列に変更できます。データを変更できるポイントは配列です。タイプは何でもいいです。 JavaScript で必要なため、これは動的プログラミング言語と呼ばれます。
キング vs キングメーカー

JavaScript とは何かを説明しましょう。

JavaScript は動的プログラミング言語であり、実行時にさまざまに変更できます。変数は数値にすることができます。変数を文字列に変更できます。データを変更できる点は配列になります。JavaScript で必要なものを何でも入力できるため、これは動的プログラミングと呼ばれます。言語 。

JavaScript が現在世界で最も使用され、需要の高い言語であることは誰もが知っています。それを否定する人は誰もいません。一つの事柄の中にポジティブなものがたくさんあるとき、必ずネガティブなものも必ず存在するはずです。テクノロジー業界では、どの言語にも最良の部分と最悪の部分があります。

ここで JavaScript の最悪の部分について説明します。

TypeScript よりも JavaScript の利点を言いたいのであれば、TypeScript ではなく JavaScript を選択する利点はないと思います。ここでの注意点は、TypeScript は JavaScript ですが、JavaScript を TypeScript にすることはできないということです。

これについては率直に言っておきますが、
最初に開発を始めたときは、Java と JavaScript は名前が同じなので同じ言語だと思っていました (笑)。

動的プログラミングは良いことですが、文字列を数値に動的に変更できるコードを維持している大規模なアプリケーションは、長期的にはランタイム エラーを引き起こす可能性があります。これは、Microsoft が 1 つの高水準プログラミング言語を開発し、オープンソースとしてリリースしているためです。それはTypeScriptとして知られています

TypeScriptはJavaScriptの厳密な構文スーパーセットであり、動的から静的と呼ばれる言語にオプションの静的型付けを追加します。現在、開発者はTypeScriptの能力を活用しようとしています。

Web ページは JavaScript と通信する方法しか知りません。TypeScript は、実行時にコードをJavaScriptに変換できます。また、JavaScript コードに対するTypeScriptコードの解析と型チェックも実行します。

オンラインの TypeScript コンパイラーを使用しています。https://www.typescriptlang.org/play?#code/Q

話は十分なのでコードに入りましょう。下の画像では、1 つの変数を文字列として初期化したことがわかります。その後、数値を割り当てようとするとエラーがスローされます。つまり、基本的にこれが typescript でできることです。文字列として宣言して数値に変更しようとすると、Typescriptは「これは String です。変更したい場合は数値に割り当てることはできません。代わりにデータ型を変更してください」と言えるほど賢明です。右側で次のことができます。 JavaScript コードの変換がはっきりとわかります。したがって、ここでは、コードを実行しようとする前に TypeScript がエラーをスローします。

つまり、TypeScript と JavaScript には違いはありません。両者が違うと考えるのはやめて、一度に 1 つずつ学び始めましょう。2 つのプログラミング言語を同時に学ぶチャンスがあります。これを贈り物だと思ってください。何を待っているのですか。とにかくやってみましょう !

最後の例

JavaScript :

let message = "Hello world!";
message = 10;       // number  
message = [100];   // Array
message = true;   // boolean
message = 10.90; // decimal

タイプスクリプト:

let message : string = "Hello world!";
message = 100;     // throws error
message =[100];   //throws error
message = true;  // throws error

これを読んでいるあなたは、私がブログで共有したすべてのことを理解していると思います。私のブログのために時間を割いていただきありがとうございます。これを読んでくれて本当に感謝しています。コメントやフィードバックをいただければ、私のスキルを向上させ、次回より良いブログを書くことができます。これが私の初めてのブログであることをお伝えしたいと思います。JavaScript を少し劣化させたようですが、いずれにせよ、どのプログラミング言語にもそれぞれの利点があり、「光があれば影もある」という格言があります。TypeScriptとJavaScriptに関するこのセッションを楽しんでいただければ幸いです。今後数か月以内にこれら 2 つの言語についてさらにセッションを行う予定ですので、お楽しみに。ありがとう !次のセッションでお会いしましょう。

Hitesh-Choudryによる TypeScript に関するこの素晴らしいコースをチェックしてください。

— Prasanna (フロントエンド開発者)