ECMAScript 6クラスのゲッターとセッターは何ですか？

ECMAScript 6クラスのゲッターとセッターのポイントが何なのか混乱しています。目的は何ですか？以下は私が言及している例です：

class Employee {

    constructor(name) {
        this._name = name;
    }

    doWork() {
        return `${this._name} is working`;
    }

    get name() {
        return this._name.toUpperCase();
    }

    set name(newName){
        if(newName){ 
            this._name = newName;
        }
    }
}

これらのセッターおよびゲッターを使用すると、プロパティを直接（括弧を使用せずに）使用できます。

var emp = new Employee("TruMan1");

if (emp.name) { 
  // uses the get method in the background
}

emp.name = "New name"; // uses the setter in the background

これは、プロパティの値を設定および取得するためだけのものです。

ES6のゲッターとセッターは、ES5を含む他の言語と同じ目的を果たします。ES5では既にを介してゲッターとセッターを使用できObject.definePropertyますが、クリーン度が低く、使用が面倒です。

効果的に、ゲッターとセッターを使用すると、明示的なゲッターメソッドとセッターメソッドを必要とせずにプロパティの取得方法と変更方法をカスタマイズしながら、読み取りと書き込みに標準のプロパティアクセス表記を使用できます。

上記のEmployeeクラスでは、次のnameようにプロパティにアクセスできます。

console.log(someEmployee.name);

これは通常のプロパティアクセスのように見えますが、実際toUpperCaseには返される前に名前を呼び出します。同様に、これを行う：

someEmployee.name = null;

はセッターにアクセスし、のセッターで_name導入されたガード句のため、内部プロパティを変更しませんname。

一般的な質問も参照してください。なぜゲッターとセッターを使用するのですか？メンバーアクセスの機能を変更できると便利な理由の詳細については。

ES6のゲッターとセッターは、Javaの同様の概念とは実質的に異なる動機を持っています。

Javaでは、ゲッターとセッターを使用してクラスでJavaBeanを定義できます。ゲッターとセッターのポイントは、それにより、Beanが、パブリックフィールドによって暗示されるものから完全に直交する「インターフェース」を持つことができるようになることです。したがって、JavaBeanプロパティではないフィールド「name」を使用でき、フィールドではないJavaBeanプロパティ「address」を使用できます。

JavaBeanプロパティは、Javaリフレクションを介して数千のフレームワーク（Hibernateなど）によって「検出可能」です。したがって、ゲッターとセッターは、Beanプロパティを「公開」するための標準メソッドの一部です。

関数であるゲッターとセッターにも、実装を「抽象化」するという価値があります。フィールドまたは計算された（「合成」）値のどちらでもかまいません。したがって、「zipcode」というBeanプロパティがある場合、それは保存された文字列として始まります。ここで、住所/都市/州から計算された値に変更したいとしますか？

フィールドを使用すると、このコードは壊れます。

      String zipcode = address.zipcode();

しかし、ゲッターを使用しても、これは壊れません：

      String zipcode = address.getZipcode();

JavaScriptにはJavaBeansのようなものはありません。私が読んだ限りでは、GETおよびSETの意図された値は、前述の「合成」（計算された）プロパティに制限されています。

ただし、Javaでは「フィールド」をメソッドに互換的に変換することはできませんが、ES6のGETおよびSETでは可能です。

つまり、私が持っている場合：

       var zipcode = address.zipcode;

郵便番号を標準のオブジェクトプロパティからゲッターに変更すると、上記のコードでGET関数が呼び出されます。

定義にGETを含めなかった場合、郵便番号のGETメソッドが呼び出されないことに注意してください。代わりに、関数zipcodeを変数に割り当てるだけです。

したがって、これらはJavaとJavaScript ES6のゲッターとセッターの間で理解するためのいくつかの重要な違いだと思います。

class Employee {

    constructor(name) {
      this._name = name;
    }

    doWork() {
      return `${this._name} is working`;
    }

    get name() {
      // when you get this by employeeInstance.mame
      // the code below will be triggered
      // and you can do some logic here
      // just like `console.log` something you want
      console.log('get triggered!')
      return this._name.toUpperCase();
    }

    set name(newName) {
      // the same as `get`
      // when you employeeInstance.mame = 'xxx'
      // the code blew will be trigged
      // and you can also do some logic 
      // like here is a `console.log` and `if check`
      console.log('set triggered!')
      if (newName) {
        this._name = newName;
      }
    }
  }

  const employeeInstance = new Employee('mike')
  employeeInstance.name
  employeeInstance.name = '' // this won't be success, because the `if check`
  console.log(employeeInstance.name)

  // => 
  // get triggered
  // set triggered
  // get triggered
  // MIKE

とにかくgetterとsetterちょうどスパイのようなものです。オブジェクトのプロパティをスパイし、プロパティの値を取得または設定するたびに何かを実行できるようにします。