【JavaScript】 JSにおけるprivate変数と定義のひな型パターン

クロージャによる情報隠蔽とカプセル化

function getFunc2(){
 
    let sum = 0; // 外部から隠蔽されたprivate変数
 
    return function (arg1){
       sum += arg1;
       return sum;
    }
}
 
const func2 = getFunc2();
 
console.log( func2( 4 ) ); // 4
console.log( func2( 7 ) ); // 11
console.log( func2( 200 ) ); // 211

function getObj(){

    let counter = 0; // 外部から隠蔽されたprivate変数

         // メソッド追加
    this.up = function(){ counter ++;  return this;};
    this.down = function(){ counter --;  return this;};
       // ゲッターセッター追加
    Object.defineProperty(this,"count",{
        get:()=>counter,
        set:( val )=>{
                    if( !Number.isFinite(val) ) 
                                throw new Error("数字ではない！！");
                    counter = val;
                },
    });
    Object.freeze(this); // thisを凍結
}

const obj = new getObj();
console.log( obj.up().up().up().count ); // 3

this = {  // エラー：Uncaught SyntaxError: invalid assignment left-hand side
   up:function(){},
   down:function(){},
};

function getObj( v ){
    this.counter = v;
}
getObj.prototype={
    up : function(){this.counter ++;return this;},
    get count(){ return this.counter }
};

function getObj( v ){
    let counter = v;

    this.up = function(){counter ++;return this;};
    Object.defineProperty(this,"count",{
        get:function(){ return counter;}
    });
}

const obj1 = new getObj(100);
console.log( obj1.up().up().up().count ); // 103

const obj2 = new getObj(200);
console.log( obj2.up().up().up().count ); // 203

const getObj = (()=>{

    const wMap = new WeakMap(); // (1) ： WeakMapオブジェクトのインスタンス

                 // (2) ：　(1) にデータをセット/取得するメソッド
    const getData = ( thisObj , prop ) => wMap.get(thisObj)[prop];
    const setData = ( thisObj , prop , val ) => wMap.get(thisObj)[prop]=val;

                 // コンストラクター関数の定義
    const getObj = function ( v ){
        let counter=v;
        wMap.set( this , { counter:v } );
    };

                 // コンストラクター関数にprototypeメソッドを追加
    getObj.prototype = {
        up : function(){ setData( this ,"counter", getData(this,"counter") +1 ); return this;},
        get count(){ return getData( this ,"counter" ) }
    };
    return getObj;
})();

const obj1 = new getObj(100);
console.log( obj1.up().up().up().count ); // 103

const obj2 = new getObj(200);
console.log( obj2.up().up().up().count ); // 103

Object.freeze(getObj.prototype);
return Object.freeze(getObj);

function makeClass( gakunen , kumi ){
    const className = `${gakunen}年${kumi}組`;

    const student = function(family,name){
        Object.defineProperty(this,"studentName",{
            get:()=>`${family} ${name}`
        });
    };
    student.prototype={
        get fullName() { return `${className} ${this.studentName}`}
    }
    return student;
}

const c31 = makeClass( 3 , 1 );
const c31menber = [];
c31menber.push( new c31( "佐藤","太郎" ) );
c31menber.push( new c31( "山田","花子" ) );

c31menber.forEach( e=>console.log( e.fullname) );
  // 結果：3年1組 佐藤 太郎
  //       3年1組 山田 花子

const c53 = makeClass( 5 , 3 );
const c53menber = [];
c53menber.push( new c53( "鈴木","三郎" ) );
c53menber.push( new c53( "山崎","桃子" ) );

c53menber.forEach( e=>console.log( e.fullname) );
  // 結果：5年3組 鈴木 三郎
  //       5年3組 山崎 桃子