オブジェクトのプロパティを書き換える関数のきれいな書き方

Question

次のようなオブジェクトを返す関数があります。

const sampleA = () => {
  return {
    a: 1,
    b: 2,
    c: 3
  }
}

プロパティを変える場合は以下のようにシンプルに書けます。

const abc = sampleA();
abc.b = 4;

しかしこのやり方ではオブジェクトの内容が複雑化するにつれて難読化しそうです。
ゲッターセッターをsampleA関数に作りたいのですが、どのように作ればよいでしょうか？
以下のような動作ができるといいなとイメージしています。

abc.updateB(4);

Comments

[m.ts10806]

結局は「そのオブジェクトの役割、どのように使われるか」で変化するのでは？
セッターゲッターを作りたいなら「どうぞ」としか言えませんが。。

[FooVooBoo]

質問の仕方が悪かったのかもしれません
abcオブジェクトにゲッターセッターのような関数を乗せる方法はご存じでないですか？
どうソースを書けばいいか思いつかなくて

[Lhankor_Mhy]

クラスで書くのがいいように思うのですが、それではダメでしたか？

[FooVooBoo]

今回は関数で書くとどうなるかを知りたかったです

[Lhankor_Mhy]

文法にたいする質問だったのですね。把握しました。

[FooVooBoo]

Lhankor
関心を持ってくれてありがとうございます

Answer 1

オブジェクトにメソッドを生やすのは、プロパティの値に関数を持たせるだけです。

const sampleA = () => {
  return {
    a: 1,
    b: 2,
    c: 3,
    updateB: function(x){this.b = x}
//  ↓これは省略記法
//  updateB(x){this.b = x}
  }
}

ただ、クラスを使った場合はメソッドの実体はプロトタイプが持ちますが、このコードの場合はオブジェクトそれぞれが持つので無駄が多いと思います。

Comments

[FooVooBoo]

Thankyou!!
回答してくれてありがとうございます！

[FooVooBoo]

しかも簡潔な書き方

Answer 2

セッタを勘違いしていませんか？

const sampleA = () => {
  const obj={
    a: 1,
    b: 2,
    c: 3
  }
  obj.updateB=function(v){this.b=v};
  Object.defineProperty(obj,"setterB",{
    set(v) { this.b = v; },
    enumerable: false,
  });
  return obj;
}
const abc = sampleA();
abc.setterB=4; //セッターで処理するならこう
console.log(abc);
abc.updateB(8); //メソッドで処理するならこう
console.log(abc);

Comments

[FooVooBoo]

Thankyou!!
勘違いしていました
そしてありがとうございます！