ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptのスーパーセットとは何ですか

JavaScriptのスーパーセットとは何ですか

青灯夜游
青灯夜游オリジナル
2021-06-09 15:04:032223ブラウズ

JavaScript のスーパーセットは TypeScript です。 TypeScript は、ES 6 標準をサポートする Microsoft によって開発された無料のオープン ソース プログラミング言語です。その設計目標は、大規模なアプリケーションを開発することです。純粋な JavaScript にコンパイルでき、コンパイルされた JavaScript は任意のブラウザで実行できます。

JavaScriptのスーパーセットとは何ですか

このチュートリアルの動作環境: Windows 7 システム、TypeScript バージョン 4、Dell G3 コンピューター。

TypeScript の概要:

1. TypeScript は JavaScript のスーパーセットであり、ECMAScript 6 標準をサポートしています。

スーパーセット: セット S2 内のすべての要素がセット S1 内にあり、セット S1 に S2 にない要素が含まれる可能性がある場合、セット S1 は S2 のスーパーセットです。セットすると、S2 は S1 のサブセットになります。 S1 は S2 のスーパーセットです。S2 にはない要素が S1 に存在する必要がある場合、S1 は S2 の真のスーパーセットであり、逆に S2 は S1 の真のサブセットです。

2. TypeScript は、Microsoft によって開発された無料のオープンソース プログラミング言語です。

3. TypeScript は大規模なアプリケーションを開発するように設計されており、純粋な JavaScript にコンパイルでき、コンパイルされた JavaScript はどのブラウザでも実行できます。

TypeScript 操作:

tsc コマンドを使用して TypeScript 関連のコードを実行できます

通常、.ts を次のように使用します。 TypeScript コード ファイル拡張子、
次に、次のコマンドを実行して TypeScript を JavaScript コードに変換します。

tsc test.ts

このとき、現在のディレクトリ (test.js と同じディレクトリ) に test.js ファイルが生成されます。 ts) 。
ノード コマンドを使用して test.js ファイルを実行します

$ node test.js

TypeScript 変数宣言:

TypeScript 変数の命名規則:

  • 変数名には数字と文字を含めることができます。
  • アンダースコア _ とドル $ 記号を除き、スペースを含む他の特殊文字を含めることはできません。
  • 変数名を数字で始めることはできません

構文: var [変数名] : [タイプ] = 値;

var [data]:[string]='hello world';

注:

  • 変数を宣言する場合 値なしの場合は、デフォルトで次のようになります。値:未定義
  • 変数を宣言し、
  • 変数名を与える場合、その型は任意です
  • 変数を宣言する場合
  • 値を指定せず、型が の場合、その型は any、値は未定義です
指定された値が型と一致しない場合、エラーが発生します報告されます。

基本型:

1. 任意の型 any: any として宣言された変数には、任意の型の値を割り当てることができます。

2. 数値型数値: 倍精度 64 ビット浮動小数点値。整数と分数を表すために使用できます。文字列タイプを示すために一重引用符 (') または二重引用符 (") を使用した一連の文字。複数行のテキストと埋め込み式を定義するにはバックティック (`) を使用します。

let data: number = 6;

3. 文字列タイプ string:一重引用符 (') または二重引用符 (") を使用して文字列タイプを表す文字シリーズ。バックティック (`) は、複数行のテキストとインライン式を定義するために使用されます。


let name: string = "ipad";
let years: number = 5;
let words: string = `今年是 ${ name } 发布 ${ years + 1} 周年`;

4. ブール型 boolean: 論理値 true と false を表します。

let flag: boolean = true;

5. 列挙型 enum: 列挙型は、値のコレクションを定義するために使用されます。

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

6. void void: メソッドの戻り値のタイプを識別するために使用され、メソッドに戻り値がないことを示します。

function hello(): void {
    alert("Hello Runoob");
}

7. null null: オブジェクトの値が欠落していることを示します。

8. 未定義 未定義: 変数を未定義の値に初期化するために使用されます

9. Never Never: Never は他の型 (null や unknown を含む) のサブタイプであり、never を意味します。が表示されます。

変数スコープ:

TypeScript には次のスコープがあります:

  • グローバル スコープ ドメイン - グローバル変数はプログラム構造の外側で定義され、コード内のどこでも使用できます。
  • クラススコープ -この変数はフィールドとも呼ばれます。クラス変数はクラス内で宣言されますが、クラス メソッドの外で宣言されます。この変数には、クラスのオブジェクトを通じてアクセスできます。クラス変数は静的にすることもでき、静的変数にはクラス名を通じて直接アクセスできます。
  • ローカル スコープ -ローカル変数、ローカル変数は、それが宣言されているコード ブロック (メソッドなど) でのみ使用できます。

TypeScript 出力:

TypeScript 出力は JavaScript と同じように使用されます: console.log();

var [ename]:[string]='小明';
var [age] : [number] = 10;
console.log(ename);
console.log(age);

プログラミング関連の知識については、

プログラミング ビデオをご覧ください。 !

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

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