Type Script基礎入門教程の三重斜線指令詳細

3382 ワード

前言
Type ScriptはJavascriptのオーバーセットで、対象に向けてプログラミングする方式でJavascriptを使用することを実現します.もちろん最後のコードはJavascriptにコンパイルされます.
三角棒命令は単一XMLマークを含む単一の行の注釈である.コメントの内容はコンパイラコマンドとして使用されます.
三角線コマンドは、ファイルを含む上部のみ有効です.三重スラッシュ命令は、単一行または複数行の注釈の前に、他の三重スラッシュ命令を含むことができる.ステートメントまたはステートメントの後にそれらに出会うと、それらは従来の単一の行の注釈と見なされ、特に意味がない.
//
//命令はこのグループの中で最も一般的です.ファイル間の依存声明として機能します.
三斜線参照は、コンパイラがコンパイル中に他のファイルを含むことを示す.
これらは、–outまたは–out Fileを使用する際に出力を並べ替える方法としてもよい.前処理が転送された後、ファイルは入力と同じ順序で出力ファイルの位置に送信されます.
このプロセスはルートファイルのセットから始まります.これらはコマンドラインまたはtsconfig.jsonファイルの「files」リストで指定されたファイル名です.これらのルートファイルは指定された順序で前処理を行います.リストにファイルを追加する前に、3重のスラッシュをすべて処理して参照し、そのターゲットを含めます.三重スラッシュ参照は、それらがファイルに見られる順序に従って、深さ優先で解析される.
ルートがない場合は、ファイルを含む基準パスに対して解析します.
エラー
参照が存在しないファイルはエラーです.ファイルに独自の三角線参照があるとエラーが発生します.
使用→ノンストップ
コンパイラマーク–noResoliveを指定したら、3回のスラッシュ参照を無視します.これらは新しいファイルを追加することも、提供されたファイルの順序を変更することもありません.
//
依存声明として使用される//命令と同様である.しかし、//命令は、パケットに対する依存性を宣言している.
これらのパケット名を解析するプロセスは、import文でモジュール名を解析するプロセスと似ています.三重スラッシュ参照タイプ命令を考慮した簡単な方法は声明パッケージとしての導入である.
例えば、ステートメントファイルにはtypes/node/index.d.tsで宣言した名前が含まれています.したがって、このパッケージは声明ファイルとともにコンパイルに含まれる必要があります.
これらのコマンドは、d.tsファイルを手動で作成する場合にのみ使用されます.
コンパイル中に生成されたステートメントファイルに対して、コンパイラが自動的に追加します.作成されたファイルが参照パケットのいずれかの声明を使用する場合にのみ、生成された声明ファイルの//////.
//
このコマンドにより、ファイルの明示的な表示が既存の内蔵libファイルを含むことができます.
内蔵されたlibファイルは、tsconfig.jsonの「lib」コンパイラのオプションと同じように参照されています(例えば、lib=「es 2015」を使用してlib=「lib.s 205.5 d.ts」などではありません).
内蔵タイプで中継するステートメントファイルの著者については、例えば、DOM APIまたは内蔵JS実行時のコンストラクター(SymbolまたはIterableのような)を使用することを推奨する.これらの以前のd.tsファイルは、このタイプのフォワード/繰り返し宣言を追加しなければなりません.
例えば、コンパイルに追加されたファイルの一つは、−lib es 2017 stringを使用してコンパイルされるのと同等である.
/// 
 
"foo".padStart(4);
//
このコマンドはファイルを標準ライブラリとしてマークします.このコメントはlib.d.tsとは異なる変形体のトップに表示されます.
このコマンドは、コンパイラがデフォルトのライブラリ(すなわち、lib.d.ts)をコンパイルに含まないことを示す.ここでの影響は、コマンドライン上で転送されるものと同じです.
また、転送–skypDefaultLibCheckでは、コンパイラはファイルの使用////チェックのみをスキップします.
//
デフォルトでは、AMDモジュールは匿名で生成される.結果モジュール(例えば、バンドル装置(r.js)のような他のツールを使用すると、問題になります.
amd-moduleコマンドは、オプションのモジュール名をコンパイラに渡すことができます.
amdModule.ts
///
export class C {
}
その結果、AMD定義を呼び出す一部として名称NamedModuleをモジュールに割り当てることになる.
amdModule.js
define("NamedModule", ["require", "exports"], function (require, exports) {
 var C = (function () {
 function C() {
 }
 return C;
 })();
 exports.C = C;
});
//
このコマンドは破棄されました.import「moduleName」を使用します.声明です
//通知コンパイラは、結果モジュールのrequire呼び出しに注入される非TSモジュール依存項を必要とします.
amd-dependencyコマンドは、任意のname属性があります.これは、転送amd依存の任意の名前を許可します.
/// 
declare var moduleA:MyType
moduleA.callStuff()
生成されたJSコード:
define(["require", "exports", "legacy/moduleA"], function (require, exports, moduleA) {
 moduleA.callStuff()
});
最後に
学習を楽にし、効率的にするために、多くの資料を無料で共有し、全体のスタックのエンジニアになるために、さらには構築師の道を切り開いています.ここで皆さんに一つの先端を紹介します.交流サークルを勉強します.
本当に勉強を始めたら、どこから始めたらいいのか分かりません.効率の低下が学習を続ける自信に影響を与えます.
しかし、一番重要なのは、どの技術が重点的に身につけなければならないか分かりません.勉強する時、頻繁にピットを踏んで、最終的に大量の時間を浪費します.だから、有効な資源が必要です.
最後に、瓶の病気にあって、どうすればいいのか分からないフロントエンドプログラマーたちを祝福します.これからの仕事と面接が順調に行われますように.