ES6ゲッター/セッター、アロー機能付き

Question 1

私はbabel6を使用しており、ペットプロジェクトでは、使用できるメソッド用にXMLHttpRequestのラッパーを作成しています。

open = (method, url, something) => {
  return this.xhr.open(method, url, something);
}

しかし、プロパティの場合、矢印関数は機能しません

これは機能します：

get status() { return this.xhr.status; }

でも使えない

get status = () => this.xhr.status;

これは意図的なものですか？

Question 2

ES2015の文法によれば、オブジェクトリテラルのプロパティは、次の4つのうちの1つのみです。

PropertyDefinition：

IdentifierReference

PropertyName : AssignmentExpression

MethodDefinition

先行を許可するこれらのタイプの唯一の1つgetはMethodDefinitionです。

MethodDefinition：

PropertyName ( StrictFormalParameters ) { FunctionBody }

GeneratorMethod

get PropertyName ( ) { FunctionBody }

set PropertyName（PropertySetParameterList ) { FunctionBody }

ご覧のgetとおり、フォームは非常に限定された文法に従っており、フォームは

get NAME () { BODY }

文法では、次の形式の関数は許可されていませんget NAME = ...。

Question 3

受け入れられた答えは素晴らしいです。コンパクトな「矢印関数構文」ではなく、通常の関数構文を使用する場合に最適です。

しかし、多分あなたは本当にアロー関数が好きです。通常の関数構文では置き換えられない別の理由でアロー関数を使用している可能性があります。別のソリューションが必要になる場合があります。

たとえば、OPがを使用thisしていることに気づきました。字句的にバインドしthisたい場合があります。別名「これの非バインディング」）、および矢印関数はその字句バインディングに適しています。

このObject.defineProperty手法を使用しても、ゲッターでアロー関数を使用できます。

{
  ...
  Object.defineProperty(your_obj, 'status', { 
     get : () => this.xhr.status 
  });
  ...
}

参照はの言及object initialization法（通称get NAME() {...}）対defineProperty法（通称get : ()=>{}）。少なくとも1つの重要な違いdefinePropertyがあります。使用するには、変数がすでに存在している必要があります。

既存のオブジェクトのゲッターを定義する

つまり、（私の例では）存在し、変数に保存されているObject.definePropertyことを確認する必要your_objがあります（object-initializationオブジェクトの初期化でオブジェクトリテラルを返すことができます:) {..., get(){ }, ... }。詳細はObject.defineProperty具体的には、ここに

Object.defineProperty(...)get NAME(){...}構文に匹敵するブラウザーサポートがあるようです。最新のブラウザ、IE 9。