【JavaScript】 ゲッター・セッターとは？必要性はあるのか？

データプロパティの定義

obj.prop = 100;
obj.func = function(){};

アクセサープロパティの定義例

let value = 0;

const obj = {
    get prop(){ // ゲッター関数：値を得る
        return value * 2;
    },
    set prop( param ){ // セッター関数：値をセット
        value = param / 3;
    },
};

get プロパティ名(){
    ・・・関数コード
    return 戻り値;
}

set プロパティ名( value ){
    ・・・関数コード
}

アクセサ―プロパティからデータを取得する

const data = obj.prop;

const data = obj.prop();  // Uncaught TypeError: obj.prop is not a function

obj.prop = 100;

set prop( value ){ // value = 100
    ・・・関数コード
}

obj.prop() = 100;  // Uncaught TypeError: obj.prop is not a function

ゲッター/セッターの現実的な使用例

function getObj(){

    let _name = ""; // 値保存用変数

    return {

        get name(){ // ゲッター
            return _name; 
        },
        set name( param ){ // セッター
            if( typeof (param) === "string" || param instanceof String){ // 文字列かどうかの検査
                _name = param;
            }
        },
    }
};

const obj = getObj();

obj.name = "Taro";   // セッターが呼ばれる
console.log( obj.name );            // ゲッターが呼ばれる

obj.prop = function(){}; // メソッド
obj.prop = 100; // 数値プロパティ

function getObj( name ){

    let _name = name; // 値保存用変数

    return {

        get name(){ // ゲッター
            return _name;
        },
        set newName( param ){ // セッター
            _name = param;
        },
    }
};

const obj = getObj( "hanako" );

obj.name = "Taro"; // セッターがないのでエラー
                    // TypeError: setting getter-only property "name"

const obj = function( name ){
    this._name = name;
};
obj.prototype={
    get name(){ // ゲッター
        return this._name;
    },
    set name( param ){ // セッター
        if( typeof (param) === "string" || param instanceof String){
            this._name = param;
        }
    },
};

const a = new obj( "Taro" );
a.name = "Hanako";
console.log( a.name );

obj.prop1 = function ( ) { }; // データプロパティの追加
obj.set prop2 = function ( v ) { };  // アクセサープロパティの追加：エラーになる

obj.prop1 = function ( ) { }; // データプロパティの追加

   // objの内容を新しいオブジェクトで置き換え
   //    →prop1は消える
obj = { 
        get name(){ },
        set name( param ){},
    };

  // セッターの追加
obj.prototype.__defineSetter__(
      "prop2",                      // プロパティ名
      function( v ){ this._v = v; } // 呼び出す関数
);

  // ゲッターの追加
obj.prototype.__defineGetter__(
      "prop2",                         // プロパティ名
      function(  ){ return  this._v; } // 呼び出す関数
);

Object.defineProperty(
         obj.prototype ,           // 追加先のオブジェクト
         "prop2" ,                  // プロパティ名
        {
           set : function( v ){ value = v; },
           get : function(  ){ return value; },
           configurable:true,
        }
);