問題タブ [arrow-functions]

とES6() => {}でfunction () {}関数を記述する 2 つの非常によく似た方法が得られます。他の言語では、ラムダ関数は匿名であることで区別されることがよくありますが、ECMAScript では、どの関数も匿名にすることができます。2 つのタイプのそれぞれに固有の使用ドメインがあります (つまり、this明示的にバインドする必要があるか、明示的にバインドしない必要がある場合)。これらのドメインの間には、どちらの表記法でも対応できる膨大な数のケースがあります。

ES6 のアロー関数には、少なくとも 2 つの制限があります。

• を使用しないでくださいnew。作成時には使用できませんprototype
• this初期化時のスコープへのバインドを修正

これらの 2 つの制限は別として、アロー関数は理論的にはほとんどどこでも通常の関数を置き換えることができます。実際にそれらを使用する正しいアプローチは何ですか? アロー関数を使用する必要があります。例:

• 「どこでも機能する」、つまり、関数がthis変数にとらわれない必要はなく、オブジェクトを作成していません。
• 特定のスコープにバインドする必要がある「必要な場所」、つまりイベントリスナー、タイムアウトのみ
• 「短い」関数を使用するが、「長い」関数を使用しない
• 別のアロー関数を含まない関数のみ

ECMAScript の将来のバージョンで適切な関数表記を選択するためのガイドラインを探しています。ガイドラインは、チーム内の開発者に教えられるように明確にする必要があります。また、ある関数表記から別の関数表記へと頻繁にリファクタリングする必要がないように、一貫性がある必要があります。

_{この質問は、今後の ECMAScript 6 (Harmony) のコンテキストでコード スタイルについて考えたことがある人、およびこの言語を既に使用したことがある人に向けられています。}

与えられた

次のエラー メッセージが表示されます。

「super」キーワードを介してアクセスできるのは、基本クラスのパブリック メソッドのみです。

@Basarat はここでいくつかの情報を提供していますが、これは言語に対する本当のハックのようです。 プロトタイプで関数を定義する typescript 矢印演算子

「これ」の文脈上の使用を維持しながら、これをどのように行うことができますか?

アロー関数を適切に使用していますか、それともコールバックのようなものを宣言する方法としてのみ使用する必要がありますか?

私は ECMAScript 6 の新しい機能を試してきましたが、この質問はアロー関数に関するものです。次のコードは、Functionオブジェクトのプロトタイプに割り当てられた単純な関数合成メソッドです。単純な匿名関数を使用すると完全に機能しますが、代わりにアロー関数を使用すると機能しません。

http://jsfiddle.net/oegonbmn/

http://www.es6fiddle.com/hyo32b2p/

最初のもの25はコンソールに正しくログを記録しますが、2番目のものは関数(hello) { return hello + 10; }105をログに記録しますが、何が間違っているのか正確にはわかりません。

アロー関数は最後のステートメント (この例では最初と最後) を暗黙的に返すことになっているため、アロー関数内で値を返しません。手元の問題は字句スコープと this の値に関係があると思います。 、 多分。誰でも説明できますか？

これは無意味なことだと思いますが、なぜうまくいかないのかわかりません。

「this」はグローバル オブジェクトにバインドされており、getName が呼び出されたオブジェクトにはバインドされていません。上記は次と同等であると予想していました：

(こんな風に書けばいいのに)

太い矢印を使用する (関数を this の現在の値にバインドする) ことと、@ の値を変数に入れることの違いは何ですか?

ファットアロー

と

@は、太い矢印を使用して周囲のスコープが乱雑にならないようにすることを示唆しています。どのように？