ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript のブロックレベルのスコープ、プライベート変数、モジュール モードについての深い理解 (グラフィック チュートリアル)

JavaScript のブロックレベルのスコープ、プライベート変数、モジュール モードについての深い理解 (グラフィック チュートリアル)

亚连
リリース: 2018-05-19 14:37:27
オリジナル
1713 人が閲覧しました

この記事では、JavaScript のブロックレベルのスコープ、プライベート変数、モジュール モードについて詳しく紹介しており、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(&#39;Alex&#39;); 
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(&#39;Alex&#39;); 
console.log(person1.getName());//=>Alex 
console.log(person2.getName());//=>Alex
ログイン後にコピー

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

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

rreee

以上が皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

jsコードを一定時間遅延させて関数を実行する例

JSハッシュを使ってシングルページWebアプリケーションを作成する方法を詳しく解説
フローティングウィンドウを単純に実装する

JS

以上がJavaScript のブロックレベルのスコープ、プライベート変数、モジュール モードについての深い理解 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート