プライベートメンバを設置したコンストラクタ関数の定義方法がよく分かりません。

Question

変数宣言にvarとthisを使わない定義の仕方を考えてみましたが、文法・機能共に問題はないでしょうか。
アンダースコアへの理解が自信ありません。プロパティを定義する部分にアンダースコアを付けなくてもいいのでしょうか。
今現在はプロトタイプについて勉強しております。
ですのでclassではなくfunctionでの定義方法についてご指導頂ければ幸いです。
よろしくお願い致します。

「改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで P255」より。

function Func() {
  //プライベート変数を宣言。
  let _prop1;
  let _prop2;

  Object.defineProperties(this, {
    // prop1プロパティを定義。
    prop1: { // _prop1とすべきでしょうか。
      get: function() {
        return _prop1;
      },
      set: function(prop1) {
        if(typeof prop1 === 'number' && prop1 > 0) {
          _prop1 = prop1;
        }
      }
    },

    // prop2プロパティを定義。
    prop2: { // _prop2とすべきでしょうか。
      get: function() {
        return _prop2;
      },
      set: function(prop2) {
        if(typeof prop2 === 'number' && prop2 > 0) {
          _prop2 = prop2;
        }
      }
    }
  })
}

Comments

[maisumakun]

> 変数宣言にvarとthisを使わない

thisは使っていますよね？

[Lhankor_Mhy]

ここで言う「プライベートメンバ」とは、インスタンスの内部からのみアクセスできる変数（プロパティ）、という理解で合っていますか？
もしそうだとすると、このコードの prop1 などは「プライベートメンバ」ではないと思うのですが、それについては考慮しなくていいですか？

[Lhankor_Mhy]

ああ、すみません、理解しました。
prop1 は「プライベートメンバ」ではなくて、_prop1 が「プライベートメンバ」であるということなのですね。

[taka_oct092018]

Lhankor_Mhy様、返信ありがとうございます。
はい、そうです。

[taka_oct092018]

maisumakun様
thisは使っていますよね？

あくまで宣言文の箇所に直接は使わないという意味でしたが、
私の文章はが不正確なため紛らわしくなってしまいました。

[maisumakun]

> あくまで宣言文の箇所に直接は使わないという意味でしたが

直接使うような記法が逆に想像できないです。

[taka_oct092018]

すみません。

Answer 1

質問に対する直接の回答ではありません。

いまどきは、そういうややこしいコードを書く必要はありません。言語レベルでプライベートフィールドがサポートされていて、メジャーブラウザすべてで使えます。

class Func() {
  //プライベートフィールドを宣言。
  #prop1;
  #prop2;

  get prop1() {
    return this.#prop1;
  }
  set prop1(value) {
    if (typeof value === 'number' && value > 0)
      this.#prop1 = value;
  }

  get prop2() {
    return this.#prop2;
  }
  set prop2(value) {
    if (typeof value === 'number' && value > 0)
      this.#prop2 = value;
  }
}

Comments

[taka_oct092018]

返信ありがとうございます。
「＃」の存在を初めて知りました。
Javaの文法は理解しているのでclassを使った方が簡潔に記述出来ることは、理解しておりますが、
今現在JavaScriptを勉強している上でプロトタイプが良く分かっていません。
そこであえて、classは使わずにfunctionでのコンストラクタ関数にこだわって理解を深めて行こうと
模索しております。

[maisumakun]

> 今現在JavaScriptを勉強している上でプロトタイプが良く分かっていません。

むしろ、今回生成されるオブジェクトは、プロトタイプと「無縁」です。クロージャでスコープを切った変数を、プロパティに入れた関数から見えるようにしているだけで、後から別なメソッドでこれらの値を参照することが不可能です。

[taka_oct092018]

maisumakun様、返信ありがとうございます。
メソッドに関しましては、プロトタイプにまとめて定義したものも
記述すべきか迷いましたが、
質問とはやや関連が薄いので省略させて頂きました。

Answer 2

アンダースコアへの理解が自信ありません。プロパティを定義する部分にアンダースコアを付けなくてもいいのでしょうか。

はい。「外から見えるプロパティ名」と「実際に保持する変数」が同じ名前である必要はありませんし、アンダーバーはJavaScriptの文法上特別な意味はありません。

---

あえてコンストラクタ関数を使いたいのでなければ、現代JavaScriptではclassで書いたほうがいいです。#付きでプライベートメンバを使える機能も登場しています。

Comments

[taka_oct092018]

maisumakun様
何度も質問してすみません。

1. 「外から見えるプロパティ名」がprop1で、
「実際に保持する変数」は_prop1ということでしょうか。

2. つまり、「prop1:{}」の{}の中は_prop1プロパティの構成情報の定義であり、
prop1は構成情報のプロパティ名に過ぎないと解釈すべきののでしょうか。

[maisumakun]

> 1. 「外から見えるプロパティ名」がprop1で、
「実際に保持する変数」は_prop1ということでしょうか。

そのとおりです。

> 2. つまり、「prop1:{}」の{}の中は_prop1プロパティの構成情報の定義であり、
prop1は構成情報のプロパティ名に過ぎないと解釈すべきののでしょうか。

プロパティとしては_の付かないprop1です。

[maisumakun]

> 今現在はプロトタイプについて勉強しております。

このオブジェクトは、コンストラクタでプロパティを代入しているだけのものであって、プロトタイプを「使っていません」。むしろ、classで作ったもののほうがprototypeにメソッドが反映される形となります。

[taka_oct092018]

キーワードclassにおけるコンストラクタでは、コード内部でprototypeがどのように作動するのかが
分かりづらいので、歴史のあるfunctionによるコンストラクタから勉強しています。

[maisumakun]

このコードでやったような「クロージャによるスコープ切り分けによるプライベートの再現」と、「prototypeへの関数の設定」は、原理的に両立できません（prototypeに設定した関数から、コンストラクタ内のローカル変数を参照する方法はありません）。そこは問題ないですか？

[taka_oct092018]

maisumakun様、返信ありがとうございます。
両立不可なのですか。完全に分かっておりませんでした。

今回の質問内容（defineProperties）は初心者の私にはやや背伸びし過ぎたかもしれません。もう少し基礎をしっかり勉強してから、再度取り組みます。