ホームページ  >  記事  >  ウェブフロントエンド  >  タイプスクリプトとJavaScriptの違いは何ですか

タイプスクリプトとJavaScriptの違いは何ですか

王林
王林オリジナル
2020-04-29 10:37:3313723ブラウズ

タイプスクリプトとJavaScriptの違いは何ですか

まず、この 2 つの定義を見てみましょう:

JavaScript とは何ですか?

JavaScriptはコンパイル不要の軽量インタプリタ型スクリプト言語で、HTMLページに埋め込んでブラウザ側で実行することができ、ブラウザ側で豊富なインタラクティブ機能を実現し、ユーザーにスムーズな操作性をもたらします。ユーザー体験。

タイプスクリプトとは何ですか?

TypeScript コードは ts ファイルに保存されます。ts ファイルがコンパイルされると、js ファイルが生成されます。有効な JavaScript コードはすべて TypeScript コードとして直接コンパイルできますが、コンパイルされたコードは元の JavaScript コード。TypeScript コードがコンパイルされた後、対応する JavaScript コードに変換されます。

次に、この 2 つのコンテンツの比較を見てみましょう:

1. TypeScript では、JavaScript には存在しない「クラス」の概念が導入されています。 ;

ES6 はすでにクラスをサポートしていますが、TypeScript クラスと ES6 クラスはまだまったく同じではありません。ts コードは型アノテーションを通じて変数の型を宣言できます。

2. TypeScript のデータには明確な型が必要ですが、JavaScript ではこれが必要ありません;

3. TypeScript は、型注釈を通じてコン​​パイル時の静的型チェックを提供します

let str: string;//ts代码
let str;//编译生成的js代码

Passed 比較ts コードでは、変数を宣言するときに「:type」を追加して変数の型を記述する、つまり型アノテーションを追加できることがわかります。

4. TypeScript は、コア言語の側面とクラス概念のモデリングから JavaScript オブジェクト モデルを拡張します;

5. JavaScript コードは、何も変更せずに TypeScript で動作します。コンパイラを使用して TypeScript コードを JavaScript に変換できます;

6. TypeScript は関数のデフォルトのパラメーター値を提供します;

TypeScript 関数では、各パラメーターに型の注釈を提供できます。関数の戻り値の型の注釈 (パラメーター リストの後に「:type」) を提供することもでき、TypeScript ではパラメーター名の右側に [? を追加できます。 ]オプションのパラメータを示します;

7. TypeScript では、宣言、データ、関数、クラスをモジュールにカプセル化できるモジュールの概念が導入されています。

推奨チュートリアル: js 入門チュートリアル

以上がタイプスクリプトとJavaScriptの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。