タグ付けされた質問 「arrow-functions」

アロー関数からオブジェクトを返す場合、文法が曖昧であるため、追加のセット{}とreturnキーワードを使用する必要があるようです。 つまり、私は書くことができませんp => {foo: "bar"}が、書かなければなりませんp => { return {foo: "bar"}; }。 arrow関数がオブジェクト以外のものを返す場合、{}およびreturnは不要ですp => "foo"。例：。 p => {foo: "bar"}を返しますundefined。 変更されたものp => {"foo": "bar"}は「SyntaxError：予期しないトークン： ' :'」をスローします。 私が見逃している明らかなものはありますか？

619 javascript  ecmascript-6  arrow-functions 

ES2015の矢印関数は、より簡潔な構文を提供します。 関数の宣言/式をすべて矢印関数に置き換えることはできますか？ 何に注意する必要がありますか？ 例： コンストラクター関数 function User(name) { this.name = name; } // vs const User = name => { this.name = name; }; プロトタイプの方法 User.prototype.getName = function() { return this.name; }; // vs User.prototype.getName = () => this.name; オブジェクト（リテラル）メソッド const obj = { getName: function() { // ... } …

520 javascript  ecmascript-6  arrow-functions 

asyncキーワードを使用して、JavaScript関数に「非同期」（つまり、Promiseを返す）のマークを付けることができます。このような： async function foo() { // do something } 矢印関数の同等の構文は何ですか？

498 javascript  promise  async-await  arrow-functions 

私はたくさんのreactコードを読んでいて、私には理解できない次のようなものが表示されます。 handleChange = field => e => { e.preventDefault(); /// Do something here }

472 javascript  ecmascript-6  arrow-functions 

>=演算子の意味がそれ以上であることは知っていますが=>、いくつかのソースコードで見たことがあります。その演算子の意味は何ですか？ これがコードです： promiseTargetFile(fpParams, aSkipPrompt, relatedURI).then(aDialogAccepted => { if (!aDialogAccepted) return; saveAsType = fpParams.saveAsType; file = fpParams.file; continueSave(); }).then(null, Components.utils.reportError);

444 javascript  syntax  ecmascript-6  arrow-functions 

質問は、来たるECMAScript 6（ハーモニー）のコンテキストでコードスタイルについて考え、すでに言語を使用したことがある人を対象としています。 () => {}し、function () {}我々はES6で関数を作成するには、2つの非常に類似した方法を取得しています。他の言語では、ラムダ関数は匿名であることで区別されることがよくありますが、ECMAScriptでは任意の関数を匿名にすることができます。2つのタイプにはそれぞれ固有の使用法ドメインがあります（this明示的にバインドする必要がある場合、または明示的にバインドしない必要がある場合）。これらのドメイン間では、どちらの表記でも十分なケースが多数あります。 ES6の矢印関数には、少なくとも2つの制限があります。 動作しませんnewし、作成時に使用することはできませんprototype this初期化時にスコープに固定された これらの2つの制限は別として、矢印関数は理論的にはほとんどどこでも通常の関数を置き換えることができます。実際にそれらを使用する正しいアプローチは何ですか？矢印関数を使用する必要があります。例： 「どこでも機能する」、つまりどこでも関数はthis変数にとらわれる必要がなく、オブジェクトを作成していません。 「必要なところすべて」、つまり特定のスコープにバインドする必要があるイベントリスナー、タイムアウトのみ 「短い」関数ではあるが「長い」関数ではない 別の矢印関数を含まない関数のみ 私が探しているのは、ECMAScriptの将来のバージョンで適切な関数表記を選択するためのガイドラインです。ガイドラインは、チーム内の開発者に教えることができるように明確にする必要があり、関数の表記法間で一定のリファクタリングが必要にならないように一貫している必要があります。

406 javascript  lambda  ecmascript-6  ecmascript-harmony  arrow-functions 

つまり、これをどのように表現すればよいですか。 function *(next) {} 矢印付き。私は考えられるすべての組み合わせを試しましたが、それに関するドキュメントは見つかりません。 （現在ノードv0.11.14を使用）

242 javascript  ecmascript-6  generator  arrow-functions 

ES6で新しい矢印構文に変換しようとしている関数があります。これは名前付き関数です： function sayHello(name) { console.log(name + ' says hello'); } varステートメントなしでそれに名前を付ける方法はありますか？ var sayHello = (name) => { console.log(name + ' says hello'); } 明らかに、私はそれを定義した後でのみ、この関数を使用できます。次のようなもの： sayHello = (name) => { console.log(name + ' says hello'); } ES6でこれを行う新しい方法はありますか？

204 javascript  ecmascript-6  arrow-functions 

新しいes6矢印関数returnは、状況によっては暗黙的であると言います。 式は、その関数の暗黙的な戻り値でもあります。 returnes6の矢印関数でどのような場合に使用する必要がありますか？

153 javascript  function  return  ecmascript-6  arrow-functions 

なぜこれはNode.jsコンソール（4.1.1と5.3.0でテスト済み）では機能するが、ブラウザー（Chromeでテスト済み）では機能しないのですか？このコードブロックは、ログを記録する無名関数を作成して呼び出す必要がありますOk。 () => { console.log('Ok'); }() また、上記しながら、作品のノードで、これは動作しません。 n => { console.log('Ok'); }() これも： (n) => { console.log('Ok'); }() 奇妙なことに、パラメータが追加されると、実際SyntaxErrorにはすぐに呼び出される部分にaがスローされます。

149 javascript  node.js  arrow-functions 

CoffeeScriptでクラスを構築する場合、すべてのインスタンスメソッドを=>（「ファットアロー」）演算子を使用して定義し、すべての静的メソッドを->演算子を使用して定義する必要がありますか？

133 coffeescript  arrow-functions 

字句thisバインディングでES6矢印関数を使用するのは素晴らしいことです。 しかし、典型的なjQueryクリックバインディングで使用する前に問題が発生しました。 class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } 代わりに矢印関数を使用します。 class Game { foo() { this._pads.on('click', () => { if (this.go) { $(this).addClass('active'); } }); } } そして$(this)ES5（self = this）型クロージャに変換されます。 Traceurに字句バインディングの「$（this）」を無視させる方法はありますか？

127 javascript  jquery  ecmascript-6  arrow-functions 

私はAngularの例でこの構造に出くわし、なぜこれが選択されるのか不思議に思います： _ => console.log('Not using any parameters'); 変数_は気にしない/使用しないことを意味しますが、それが唯一の変数であるため、_よりも_の使用を好む理由があります。 () => console.log('Not using any parameters'); 確かに、これはタイプするのに約1文字少なくなることはありません。（）構文は、私の考えでは意図をよりよく伝え、タイプ固有でもあります。それ以外の場合、最初の例は次のようになっているはずだと思います。 (_: any) => console.log('Not using any parameters'); 重要な場合は、これが使用されたコンテキストです。 submit(query: string): void { this.router.navigate(['search'], { queryParams: { query: query } }) .then(_ => this.search()); }

119 javascript  typescript  ecmascript-6  arrow-functions 

Reactアプリでlintを実行していますが、次のエラーが表示されます。 error JSX props should not use arrow functions react/jsx-no-bind そして、これは私が矢印関数を実行しているところです（内部onClick）： {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, 255, 255, 0.72)'}} /> <GridTile title={tile.title} subtitle={<span>by <b>{tile.author}</b></span>} actionIcon={<IconButton onClick={() => this.handleDelete(tile)}><Delete color="white"/></IconButton>} > <img onClick={() => this.handleOpen(tile.img)} src={tile.img} style={{cursor: 'pointer'}}/> …

103 javascript  reactjs  ecmascript-6  jsx  arrow-functions 

以下のexportステートメントは構文エラーを示します export default const hello = () => console.log("say hello") どうして ？ 名前付き関数のみをエクスポートできます export function hello() { console.log("hello") } 理由は何ですか？

96 javascript  ecmascript-6  arrow-functions