ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript シングルトン/シングルトン_JavaScript スキル

JavaScript シングルトン/シングルトン_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:08:151026ブラウズ

シングルトン パターンの 3 つの特徴:
1. クラスはインスタンスを 1 つだけ持ちます
2. クラスが独自にインスタンスを作成します (クラス内に独自のインスタンス オブジェクトを作成します)
3. これを全体に公開します。システム インスタンス インターフェイス
は Java では次のようになります

コードをコピー コードは次のとおりです:

class Singleton {
//クラス自体のプライベート、静的インスタンス
private static Singleton instance = new Singleton();
//プライベート コンストラクター (コンストラクター、コンストラクター、コンストラクター)
プライベートSingleton(){}
//パブリック、静的ファクトリー メソッド
public static Singleton getInstance() {
return インスタンス;
}
}

使用する場合
コードをコピー コードは次のとおりです。

Singleton obj = Singleton.getInstance();

このシングルトン クラス インスタンスは、ローダーが静的であっても、それ自体がロードされるときにインスタンス化されます。したがって、リソースを大量に消費し、構成を大量に消費するモノリスの場合、より合理的なアプローチは、インスタンス化 (新規) を使用するまで延期することです。それは、大量のデータをロードする必要があるモノリスでよく使用される遅延ロード (遅延ロード) です。
コードをコピー コードは次のとおりです。

class LazySingleton {
//初期状態: null、まだインスタンス化されていません
private static LazySingleton instance = null
//プライベート コンストラクター (コンストラクター、コンストラクター、コンストラクター メソッド)
private LazySingleton(){}
//パブリック、静的ファクトリメソッドで、必要に応じてシングルトンを作成します。
public static LazySingleton getInstance() {
if(instance == null ) {
instance = new LazySingleton();
}
}


使い方は上記と同じです。
シングルトン パターンは、JavaScript の最も基本的で便利なパターンの 1 つです。これは、単一の変数を介してアクセスされる論理ユニットにコードを編成する手段を提供します。
シングルは Javascript で多くの用途があり、名前空間を分割してグローバル変数の急増を減らすために使用できます。また、ブラウザ間の違いを処理するための分岐手法にも使用できます。
JavaScript でシングルトン パターンを実装する方法は数多くありますが、それぞれに独自の長所と短所があります。
1. オブジェクト リテラルの実装は最も基本的で単純なシングルトンです


コードをコピーします コードは次のとおりです:
var Singleton = {
attr1 : 1,
attr2 : 'hello',
method1 : function(){alert(this.attr2);},
method2 : 関数( arg){}
}


このメソッドでは、オブジェクトのすべてのメンバーにシングルトンとドットを介してアクセスします。すべてのメンバーは公開されており、プライベートなものはありません。変数 Singleton が実行されると、それ自体がロード (インスタンス化) されます。つまり、遅延ロードされません。
さらに、method1 のコンテキストが常に Singleton オブジェクトを指すとは限らないため、これを使用してシングルトンの他のメンバーにアクセスするメソッド 1 にはいくつかのリスクがあります。
例えば、method1をイベントリスナーとして使用した場合、dom要素を指している可能性があり、未定義と表示される場合があります。
2. クロージャはプライベート メンバーのシングルトンを実装します


コードをコピーします コードは次のとおりです:
var Singleton = function(){
var attr = 1, fn = function(){};
return {
メソッド : function(){ fn() },
getAttr : function (){ return attr; }
};


このように、var はプライベート メンバー属性 attr を定義し、メソッド fn を返します。パブリックインターフェイスメソッドとgetAttr。将来実装が変更される場合、インターフェイス メソッドのメソッドと getAttr は変更されず、プライベート attr と fn の特定の実装のみを変更する必要があります。次の


を使用してコード をコピーします。コードは次のとおりです。 Singleton.method( );
Singleton .getAttr();


3. クロージャはプライベート メンバーの遅延インスタンス化をシングルトンとして実装します


🎜> コードは次のとおりです。 var LazySingleton = function(){ var attr = 1, fn = function(){}; obj = {
メソッド: function(){ fn() },
getAttr : function(){ return attr; }
function init(){
return obj;
}
return {getInstace: init}
}();
該当する場合については上で説明しました。大量のデータをロードする必要がある単一エンティティの場合、使用する必要があるまでインスタンス化されません。使い方はこんな感じです
コードをコピーします コードは次のとおりです:

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