JavaScript クロージャとアプリケーションの詳細な説明-jsチュートリアル-php.cn

JavaScript クロージャとアプリケーションの詳細な説明

高洛峰

リリース： 2017-01-20 11:16:36

オリジナル

1135 人が閲覧しました

クロージャは本当に何度も学びましたし、JSは奥が深くて、学ぶたびに新しいことを得た気がします。誰もがフロントエンドプラグインをカプセル化する場合、クロージャは不可欠であると私は信じています。私は個人的に、クロージャの本当の利点は、カプセル化だけではなく、独自のプライベートメソッドを導入できること、そして、コードの外部オブジェクトをきれいに保つことにもあると考えています。

本題へ

Wikipedia では JS クロージャを次のように定義しています: コンピュータサイエンスでは、字句クロージャ (Lexical Closure) または関数クロージャ (関数クロージャ) とも呼ばれるクロージャ (英語: Closure) は、自由関数への参照です。変数。参照された自由変数は、関数が作成された環境を離れた後も関数とともに残ります。したがって、クロージャは関数とそれに関連する参照環境で構成されるエンティティである、という別の言い方もできます。クロージャは実行時に複数のインスタンスを持つことができ、異なる参照環境と同じ関数の組み合わせによって異なるインスタンスが生成されることがあります。

平たく言えば、クロージャは通常の関数とは異なります。クロージャを使用すると、関数は即時呼び出しの範囲外の非ローカル変数にアクセスできます。また、クロージャの構文によってコードがより動的になることも言いたいのですが、次のコード部分を見て何かを感じられるかもしれません。

<script>
 (function () {
  var userToken = "this is my token";
  var someConfig = "opening some function";
  var privateValue = "private";
  var publicValue = "public";
  var appObj = {};
  function myPrivateFunc() {
  alert(privateValue)
  }
  appObj.getUserToken = function () {
  //some logic
  userToken += " after some inner logic";
  return userToken;
  }
  appObj.publicVal = publicValue;
  window.application = appObj;
 }());//立即执行
 console.log(application.getUserToken());//this is my token after some inner logic
 console.log(application.publicVal);//public
 console.log(application.privateValue); //undefined
 application.myPrivateFunc(); //error
 </script>

ログイン後にコピー

私は通常、アプリケーション全体に共通のトップレベルのオブジェクトを表す application という名前のグローバルオブジェクトを定義することを好みます。ここで、多くのパブリック操作メソッドを公開できます。また、外部呼び出しによる問題の発生を防ぐために、内部でプライベート処理を実行することもできます。定義された「トップレベル」アプリケーションオブジェクトの下で、その中に必要なグローバル変数を定義することもできます。これにより、アプリケーションに公開されるオブジェクトを通じて、アプリケーションおよび定義したクロージャ内で通常のグローバル変数が影響を受けるのを防ぐことができます。私は、JS のグローバル変数を気軽に定義するのはあまりにも恥ずかしいことだと常々思っていました。

クロージャの記述方法と VS の強力でインテリジェントなプロンプトを使用すると、非常に快適に感じるでしょう。以下に別のメソッドを添付します

(function () {
  var baseUrl = "www.cnblogs.com/tdws/";
 
  application.getBaseUrl = function () {
  return baseUrl;
  }
 }());
 console.log(application.getBaseUrl());//www.cnblogs.com/tdws/

ログイン後にコピー

JavaScript クロージャとアプリケーションの詳細な説明