ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptプライベートメンバーの実装例を詳しく解説

JavaScriptプライベートメンバーの実装例を詳しく解説

伊谢尔伦
伊谢尔伦オリジナル
2017-07-27 11:22:061466ブラウズ

多くの本では、JavaScript は Javascript のプライベート メンバーを実際には実装できないと述べているため、開発中に 2 つのアンダースコアで始まる __ がプライベート変数であることが合意されています。

その後、JavaScript のクロージャ機能を発見しました。これにより、JavaScript のプライベート メンバーの問題が完全に解決されました。

function testFn(){
    var _Name;//定义Javascript私有成员
    this.setName = function(name){
     _Name = name; //从当前执行环境中获取_Name
    }
    this.getName = function(){
     return _Name;
    }
}// End testFn
var test = testFn();
alert(typeof test._Name === "undefined")//true
test.setName("KenChen");

test._Name にはまったくアクセスできませんが、クロージャは現在の実行環境から情報を取得できるため、オブジェクトメソッドを使用してアクセスできます。

次に、共有メンバーがどのように実装されるかを見てみましょう

function testFn(name){
  this.Name = name;
  this.getName = function(){
   return this.Name;
  }
}
var test = new testFn("KenChen");
test.getName(); //KenChen
test.Name = "CC";
est.getName();//CC

次に、クラスの静的変数がどのように実装されるかを見てみましょう

function testFn(){
}
testFn.Name = "KenChen";
alert(testFn.Name);//KenChen
testFn.Name = "CC";
alert(testFn.Name);//CC

以上がJavaScriptプライベートメンバーの実装例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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