問題タブ [arrow-functions]

私はes6katas.orgで ECMAScript6 を学んでいます。これは素晴らしく、強くお勧めします。私は現在、矢印関数に関するこのかなり基本的なカタで立ち往生しています。2番目のテストで作者が何を意味しているのか理解できないようです。

誰かがそれを理解するのを助けることができますか?

React (babel 経由で ES6 を使用) で、含まれているコンポーネントの状態を更新する静的メソッドを作成しようとしています。オブジェクトを引数として取ります。問題は、「this」がレキシカル スコープにバインドされないことです。

他のコンポーネントでは...

最初は、これは「bind」を介して渡された「this」が原因である可能性があると考えていましたが、クリックハンドラーを含むコンポーネントに重複した非静的矢印メソッドを作成し、レキシカルな「this」に問題なくアクセスできました。

必死になってsetStateの静的クローンを作成しようとしましたが、うまくいきませんでした。

これは構造/セキュリティ上の決定であると思います (「これ」を漏らしたら、すべてを漏らしてしまいます!) しかし、「これ」へのアクセスをどのように処理しますか? この制限により、updateList 関数は updateList とクリック ハンドラを持つコンポーネントの上に配置する必要がありますか? もちろん、これは実際にはもっと反応するかもしれませんが、私は興味があります。

Web サイトにキーボード ナビゲーション (左矢印、右矢印、入力/選択スペース)を実装しようとしています。これにはいくつかjQuery必要になると思います！これが私が探しているもののアイデアです（最初の画像を参照）。「セクション」がある画像を使用して、現在の選択を強調表示できるようにしたいと考えています。

これを行う簡単な方法はありますか？

さらに、これを行う簡単な方法がある場合、次のように拡張するにはどうすればよいですか。

jQuery は私の領域ではありません。私はオンラインであらゆる場所を見てきましたが、Web サイトにキーボード コントロールを実装する簡単な方法を見つけるのは非常に難しいと感じています。リンクや提案をいただければ幸いです。

前もって感謝します。

アロー関数argumentsが字句スコープにバインドされているかどうかはわかりません。

この例を見てください (同じ概念を にも使用できますthis)。

これを Chrome で実行すると が表示されます[1,2,3]が、Firefox では が表示されます[4,5,6]。どうしたの？

一部の CoffeScript コードを ECMAScript 2015 (ES6) に書き直そうとしています。

ファット アロー関数など、一部の構文は非常に似ています。

ES6 =>とCoffeeScript =>の主な違いは何ですか?

すでに同じ状況 (アロー関数を前後に変換する) にいる人から注意を喚起し、避けるべき落とし穴や間違いを指摘することは良いことです。

TypeScript 1.6 を使用しており、抽象メソッドで抽象クラスを作成したいのですが、具象クラスでラムダ/アロー関数を使用します。

これは可能ですか？以下に示すコードは、それが言うようにコンパイルされません

「クラス 'Base' はインスタンス メンバー関数 'def' を定義していますが、拡張クラス 'Concrete' はそれをインスタンス メンバー プロパティとして定義しています」...

対話する必要があるコールバックを含むReact JSXで関数を書いていますthis

this.state.washedMissions?に注意してください。そのコールバック内にいると、Firefox スクリプト デバッガーは、ブラウザーが何が何でthisあるかを認識していないため、この方法で配列を操作できないことを示します。

コールバックの範囲内にあることを確認するにはどうすればよいですかthis。また、コールバックは同期的であるため、タイミングの問題について心配する必要はありません。