JavaScriptでのブロックスコープ、プライベート変数、モジュールパターンの深い理解

この記事では、JavaScriptのブロックスコープ、プライベート変数、およびモジュールパターンを詳細に紹介しています。詳しくは以下の通りです：

1.ブロックスコープ（プライベートスコープ）通常、関数の外部で使用され、グローバルスコープに多くの変数や関数を追加するのを制限します。

(function(count){ 
  for(var i=0;i<count;i++){ 
    console.log(i);//=>0、1、2、3、4 
  } 
  console.log(i);//=>5 
})(5); 

(function(){ 
  var now=new Date(); 
  if(now.getMonth()==0 && now.getDate()==1){ 
    console.log("新年おめでとう"); 
  }else{ 
    console.log("楽しみにしています"); 
  } 
)) 

　2.プライベート変数：関数内で定義されたどんな変数でも、これらがプライベートな変数と考えられます。なぜなら、これらの変数は関数の外部からアクセスできないからです。

特権メソッド：プライベートな変数やプライベートな関数にアクセスできるパブリックメソッドを特権メソッドと呼びます。

2.1）構造関数内で特権メソッドを定義します：

 function Person(name){ 
  this.getName=function(){ 
    return name; 
  }; 
  this.setName=function(value){ 
    name=value; 
  }; 
} 
var person1=new Person("Jason"); 
console.log(person1.getName());//=>Jason 
person1.setName("gray"); 
console.log(person1.getName());//=>gray 
var person2=new Person("Michael"); 
console.log(person1.getName());//=>gray 
console.log(person2.getName());//=>Michael 
person2.setName('Alex'); 
console.log(person1.getName());//=>gray 
console.log(person2.getName());//=>Alex 

構造関数パターンの欠点は、各インスタンスに対して同じ一組の新しいメソッドが作成されることです。

2.2）静的プライベート変数を実現して特権メソッドを達成します

プライベートなスコープ内で、まずプライベートな変数とプライベートな関数を定義し、次に構造関数およびパブリックメソッドを定義します。

 (function(){ 
  //プライベートな変数と関数 
  var name=""; 
  Person=function(value){ 
    name=value; 
  }; 
  //特権メソッド 
  Person.prototype.getName=function(){ 
    return name; 
  }; 
  Person.prototype.setName=function(value){ 
    name=value; 
  } 
)) 
var person1=new Person("Jason"); 
console.log(person1.getName());//=>Jason 
person1.setName("gray"); 
console.log(person1.getName());//=>gray 
var person2=new Person("Michael"); 
console.log(person1.getName());//=>Michael 
console.log(person2.getName());//=>Michael 
person2.setName('Alex'); 
console.log(person1.getName());//=>Alex 
console.log(person2.getName());//=>Alex 

3.モジュールパターン：シングルトンにプライベートな変数と特権メソッドを追加することで、それを強化できます。

オブジェクトを作成し、データで初期化する必要があり、同時にこれらのプライベートデータにアクセスできるメソッドを公開する必要がある場合、モジュールパターンを使用することができます。

var application=function(){ 
  //プライベートな変数と関数 
  var components=[]; 
  //初期化 
  components.push(new BaseComponent()); 
  //公共インターフェース 
  return { 
    getComponentCount:function(){ 
      return components.length; 
    , 
    registerComponent:function(){ 
      if(typeof component=="object"){ 
        components.push(component); 
      } 
    } 
  } 
}(); 

これでこの記事は全てです。皆様の学習に役立てば幸いですし、呐喊チュートリアルを多くのサポートをお願いします。

声明：この記事の内容はインターネットから取得しており、著作権者に帰属します。インターネットユーザーが自発的に提供し、自己でアップロードしたものであり、このサイトは所有権を有しないものです。また、人工的な編集は行われていません。著作権侵害を疑う内容がある場合は、メールを送信して：notice#wまでお願いします。3codebox.com（メールを送信する際には、#を@に変更してください。報告を行い、関連する証拠を提供してください。一旦確認がついたら、このサイトは即座に侵害を疑われるコンテンツを削除します。）