序文: TypeScript 1.5 より前では、ES6 のモジュールはまだ正式な標準ではなかったため、 1. 定義と使用1.1 定義名前空間の定義は、変数、インターフェース、クラス、メソッドなどを定義できるオブジェクトを定義することと同じです。ただし、export キーワードを使用してこのコンテンツが外部から参照可能であることを指定しないと、外部からアクセスすることはできません。 次に、通常の検証用の .ts ファイルを定義します。実装コードは次のとおりです。 // 検証.ts // namespace namespace Validation { を通じて Validation という名前の名前空間を作成します。 // 正規表現を定義する const isLetterReg = /^[A-Za-z]+$/ // ここで正規表現を定義します。前のものとの違いは、この正規表現が export const isNumberReg = /^[0-9]+$/ を通じてエクスポートされることです。 // メソッドをエクスポートする export const checkLetter = (text: any) => { isLetterReg.test(テキスト) を返します } } 上記のコードでは、 1.2 使用ファイル内の名前空間のコンテンツを使用するには、外部名前空間が使用されている場所に // インデックス.ts /// <参照パス='validation.ts' /> isLetter = Validation.checkLetter('text') とします。 const reg = Validation.isNumberReg console.log(文字です) コンソール.log(reg) 最初の行の コンパイルコマンドは次のとおりです。 tsc --outFile src/index.js index.ts outFileパラメータは出力ファイルを1つのファイルにマージするために使用されます コンパイルされた index.js ファイルは次のとおりです。 // namespace var Validation を使用して、Validation という名前の名前空間を作成します。 (関数 (検証) { // 正規表現を定義します var isLetterReg = /^[A-Za-z]+$/; // ここで正規表現を定義します。前のものとの違いは、この正規表現がエクスポートを通じてエクスポートされることです。Validation.isNumberReg = /^[0-9]+$/; // メソッドをエクスポートする Validation.checkLetter = function (text) { isLetterReg.test(テキスト) を返します。 }; })(検証 || (検証 = {})); /// <参照パス='validation.ts' /> var isLetter = Validation.checkLetter('text'); var reg = Validation.isNumberReg; console.log(文字数); コンソールにログ出力します。 2. 複数のファイルに分割する開発内容が増え続けるにつれて、同じ名前空間を複数のファイルに分割して個別にメンテナンスできるようになります。複数のファイルに分割しても、それらは 1 つの名前空間に属します。 サンプルコードは次のとおりです。 文字検証.ts // 文字検証.ts 名前空間検証 { エクスポート const isLetterReg = /^[A-Za-z]+$/ エクスポート const checkLetter = (テキスト: 任意) => { isLetterReg.test(テキスト) を返します } } 数値検証.ts // 数値検証.ts 名前空間検証 { エクスポート const isNumberReg = /^[0-9]+$/ エクスポート const checkNumber = (テキスト: 任意) => { isNumberReg.test(テキスト) を返します。 } } インデックス.ts // インデックス.ts /// <参照パス="./LetterValidation.ts"/> /// <参照パス="./NumberValidation.ts"/> isLetter = Validation.checkLetter('text') とします。 const reg = Validation.isNumberReg console.log(文字です) コマンドラインを使用してコンパイルします。 tsc --outFile src/index.js index.ts 最終的にコンパイルされた index.js コードは次のようになります。 // 文字検証.ts var 検証; (関数 (検証) { Validation.isLetterReg = /^[A-Za-z]+$/; Validation.checkLetter = 関数 (テキスト) { Validation.isLetterReg.test(text) を返します。 }; })(検証 || (検証 = {})); // 数値検証.ts var 検証; (関数 (検証) { Validation.isNumberReg = /^[0-9]+$/; Validation.checkNumber = 関数 (テキスト) { Validation.isNumberReg.test(text) を返します。 }; })(検証 || (検証 = {})); /// <参照パス="./LetterValidation.ts"/> /// <参照パス="./NumberValidation.ts"/> var isLetter = Validation.checkLetter('text'); var reg = Validation.isNumberReg; console.log(文字数); コンパイル結果から、最初に 3. エイリアスエイリアスは、名前空間の操作を簡素化する方法です。構文は、import キーワードを使用することです。使用方法は次のとおりです。 インポートq = xyz このメソッドは、親モジュールの // 名前空間を定義する namespace Shapes { // 名前空間にサブ名前空間を定義してエクスポートする export namespace Polygons { エクスポートクラス Triangle {} クラス Square をエクスポートします {} } } // インポート構文を使用してエクスポートされたサブ名前空間の名前を polygons に変更します インポートポリゴン = Shapes.Polygons // エクスポートされた名前空間から Square クラスをインスタンス化します。let sq = new polygons.Square() この例から、 以下もご興味があるかもしれません:
|
<<: IE6 で JS エラーが発生し、CSS が適用されない HTML エンコードの問題の解決策
>>: CSS3 のディスプレイのグリッドレイアウトとフレックスレイアウトの詳細な説明
序文インデックスが順序付けられていることは誰もが知っていると思いますが、MySQL の以前のバージョ...
jar パッケージを実行する Linux コマンドは次のとおりです。方法1: java -jar s...
CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...
フレーム構造タグ <frameset></frameset>フレームを使用す...
AES暗号化の使用データ転送の暗号化と復号化処理 --- AES.js最初のステップ: vue に ...
序文最近、古いプロジェクトから残ったいくつかの SQL 最適化の問題に対処するのに忙しくしています。...
目次1. 監視ポート関係の説明操作する2. 監視サービス関係の説明操作する3. テンプレートのインポ...
目次SSHプロトコルパスワード接続プロセスsshツールssh公開鍵ログインバッチ操作複数サーバーファ...
最適化のアイデア最適化には主に 2 つの方向があります。再レンダリングの回数を減らします。 Reac...
JSはショッピングカート内の商品の合計金額を計算して参考とします。具体的な内容は以下のとおりです。質...
この記事の例では、スライディングブロック効果を実現するための小さなプログラムの具体的なコードを参考ま...
Linux では、ファイルが作成されると、そのファイルの所有者はファイルを作成したユーザーになります...
最近、何人かの友人から、仮想マシンに CentOS をインストールした後、ifconfig コマンド...
この記事では、例を使用して、MySQL クエリ条件の一般的な使用方法を説明します。ご参考までに、詳細...
Web ページを作成するときに、クールでスムーズなドロップダウン メニューが必要になることがあります...