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

JavaScriptスーパーとは何ですか

藏色散人
藏色散人オリジナル
2021-09-01 15:28:502155ブラウズ

javascript スーパーは、実際には、JavaScript のスーパーセットである TypeScript を指します。TypeScript は、Microsoft によって開発された無料のオープンソース プログラミング言語です。ES6 標準をサポートしています。純粋な JavaScript にコンパイルでき、コンパイルされた JavaScript は次のことができます。任意のコンピュータ、ブラウザ上で実行できます。

JavaScriptスーパーとは何ですか

この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

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

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

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 関連のコードを実行できます

通常、TypeScript コード ファイルの拡張子として .ts を使用します。

次に、次のコマンドを実行して、TypeScript を JavaScript コードに変換します。

tsc test.ts

このとき、現在のディレクトリ (test.ts と同じディレクトリ) に test.js ファイルが生成されます。

node コマンドを使用して test.js ファイルを実行します

$ node test.js

TypeScript 変数宣言:

TypeScript 変数の命名規則:

変数名には数字を含めることができますそして手紙。

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

変数名を数字で始めることはできません

構文: var [変数名]: [型] = 値;

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

注意:

宣言する場合変数 値がない場合のデフォルト値は次のとおりです: unnamed

変数が値と変数名で宣言された場合、その型は任意です

変数が値なしで宣言された場合と type の場合、その型は arbitrary 、値は未定義です。

指定された値が型と一致しない場合、エラーが報告されます。

[推奨学習: javascript 基本チュートリアル]

基本タイプ:

1. 任意のタイプ: 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 までご連絡ください。