Programowanie arrow-functions

6

Funkcja strzałki ECMAScript 6, która zwraca obiekt

Zwracając obiekt z funkcji strzałki, wydaje się, że konieczne jest użycie dodatkowego zestawu {}i returnsłowa kluczowego z powodu niejasności w gramatyce. Oznacza to, że nie mogę pisać p => {foo: "bar"}, ale muszę pisać p => { return {foo: "bar"}; }. Jeśli funkcja strzałki zwraca coś innego niż obiekt, znaki …

619 javascript ecmascript-6 arrow-functions

3

Czy „Funkcje strzałek” i „Funkcje” są równoważne / wymienne?

Funkcje strzałek w ES2015 zapewniają bardziej zwięzłą składnię. Czy mogę teraz zastąpić wszystkie moje deklaracje / wyrażenia funkcji funkcjami strzałek? Na co muszę uważać? Przykłady: Funkcja konstruktora function User(name) { this.name = name; } // vs const User = name => { this.name = name; }; Metody prototypowe User.prototype.getName = …

519 javascript ecmascript-6 arrow-functions

6

Składnia funkcji strzałki asynchronicznej

Mogę oznaczyć funkcję javascript jako „asynchroniczną” (tzn. Zwracającą obietnicę) asyncsłowem kluczowym. Lubię to: async function foo() { // do something } Jaka jest równoważna składnia funkcji strzałek?

496 javascript promise async-await arrow-functions

7

Co oznacza wiele funkcji strzałek w javascript?

Czytam sporo reactkodu i widzę takie rzeczy, których nie rozumiem: handleChange = field => e => { e.preventDefault(); /// Do something here }

472 javascript ecmascript-6 arrow-functions

13

Co oznacza „=>” (strzałka utworzona z równych i większych niż) w JavaScript?

Wiem, że >=operator oznacza więcej lub więcej, ale widziałem =>w jakimś kodzie źródłowym. Jakie jest znaczenie tego operatora? Oto kod: 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

9

Kiedy powinienem używać funkcji strzałek w ECMAScript 6?

Pytanie skierowane jest do osób, które zastanawiały się nad stylem kodu w kontekście nadchodzącego ECMAScript 6 (Harmony) i które już pracowały z tym językiem. Za pomocą () => {}i function () {}otrzymujemy dwa bardzo podobne sposoby pisania funkcji w ES6. W innych językach funkcje lambda często wyróżniają się anonimowością, ale …

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

7

Czy mogę używać składni funkcji strzałek ES6 w generatorach? (notacja ze strzałką)

tj. jak to wyrazić: function *(next) {} ze strzałkami. Wypróbowałem wszystkie kombinacje, jakie mogłem wymyślić, i nie mogę znaleźć na to żadnej dokumentacji. (obecnie używa węzła v0.11.14)

243 javascript ecmascript-6 generator arrow-functions

8

Jak napisać nazwaną funkcję strzałki w ES2015?

Mam funkcję, którą próbuję przekonwertować na nową składnię strzałek w ES6 . Jest to nazwana funkcja: function sayHello(name) { console.log(name + ' says hello'); } Czy istnieje sposób, aby nadać mu nazwę bez instrukcji var: var sayHello = (name) => { console.log(name + ' says hello'); } Oczywiście mogę korzystać …

204 javascript ecmascript-6 arrow-functions

5

Kiedy należy używać argumentu „return” w funkcjach strzałek es6?

Nowe funkcje strzałek es6 mówią, że returnw pewnych okolicznościach jest to domniemane: Wyrażenie jest również niejawną wartością zwracaną przez tę funkcję. W jakich przypadkach muszę używać returnfunkcji strzałek es6?

154 javascript function return ecmascript-6 arrow-functions

4

ES6 natychmiast wywołał funkcję strzałki

Dlaczego to działa w Node.jskonsoli (testowane w 4.1.1 i 5.3.0), ale nie działa w przeglądarce (testowane w Chrome)? Ten blok kodu powinien tworzyć i wywoływać anonimową funkcję, która rejestruje Ok. () => { console.log('Ok'); }() Ponadto, chociaż powyższe działa w Node, to nie działa: n => { console.log('Ok'); }() Ani …

149 javascript node.js arrow-functions

4

CoffeeScript, Kiedy używać grubej strzałki (=>) nad strzałką (->) i odwrotnie

Czy podczas budowania klasy w CoffeeScript cała metoda instancji powinna być zdefiniowana za pomocą =>operatora („gruba strzałka”), a wszystkie metody statyczne należy zdefiniować za pomocą ->operatora?

133 coffeescript arrow-functions

5

Używanie jQuery $ (this) z funkcjami strzałek ES6 (leksykalne to powiązanie)

Używanie funkcji strzałkowych ES6 z thispowiązaniami leksykalnymi jest świetne. Jednak przed chwilą napotkałem problem, używając go z typowym powiązaniem kliknięcia jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } Zamiast tego użyj funkcji strzałki: class Game { foo() { …

129 javascript jquery ecmascript-6 arrow-functions

5

Używanie zmiennej _ (podkreślenie) z funkcjami strzałkowymi w ES6 / Typescript

Natknąłem się na tę konstrukcję na przykładzie Angulara i zastanawiam się, dlaczego wybrano tę: _ => console.log('Not using any parameters'); Rozumiem, że zmienna _ oznacza nie obchodzi / nie jest używana, ale ponieważ jest to jedyna zmienna, istnieje powód, aby preferować użycie _ ponad: () => console.log('Not using any parameters'); …

121 javascript typescript ecmascript-6 arrow-functions

6

Dlaczego rekwizyty JSX nie powinny używać funkcji strzałek ani bindować?

Używam programu Lint z moją aplikacją React i otrzymuję ten błąd: error JSX props should not use arrow functions react/jsx-no-bind I tutaj uruchamiam funkcję strzałki (wewnątrz 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 …

105 javascript reactjs ecmascript-6 jsx arrow-functions

2

Czy można eksportować funkcje strzałek w ES6 / 7?

Poniższa instrukcja eksportu podaje błąd składni export default const hello = () => console.log("say hello") czemu ? Mogę eksportować tylko nazwane funkcje export function hello() { console.log("hello") } Jaki jest powód?

102 javascript ecmascript-6 arrow-functions

Pytania otagowane jako arrow-functions