ecmascript-next
Jak używać funkcji strzałek (publicznych pól klas) jako metod klasowych?
Jestem nowy w używaniu klas ES6 z Reactem, wcześniej wiązałem moje metody z bieżącym obiektem( pokaż w pierwszym przykładzie) ... azać SomeClass.handleInputChange do, na przykład setTimeout, byłby on przypisany do instancji klasy, a nie do obiektu window.
Jednowierszowy do pobierania niektórych właściwości z obiektu w ES 6
Jak można napisać funkcję, która przyjmuje tylko kilka atrybutów w najbardziej zwarty sposób w ES6?
Wymyśliłem rozwiązanie u ... na w kodzie.
Czy jest jeszcze szczuplejsze rozwiązanie?
(v) => {
let { id, title } = v;
return { id, title };
}
Dwukropek JavaScript (operator bind)
Jak wiadomo, istnieje propozycja skrótu dla funkcji .bind(), więc można napisać:
::this.handleStuff
I tak będzie działać ... go skrótu:
this.handleStuff.bind(this, 'stuff')
To dość powszechny wzorzec w Reaccie, więc miło byłoby go trochę skrócić.
Zdarzenia vs Streamy vs Observables vs Iteratory asynchroniczne
Obecnie jedynym stabilnym sposobem przetwarzania serii wyników asynchronicznych w JavaScript jest użycie systemu zdarzeń. Ist ... akie są różnice i korzyści każdego z nich w stosunku do wydarzeń i innych?
Czy któraś z tych zamierzasz zastąpić wydarzenia?
Transpile asynchroniczne oczekują propozycji z Babel.js?
Jest propozycja wprowadzenia stylu C# async-await. Znam Babel.js transpiluje ES6 do ES5, ale czy jest jakiś sposób, aby transpile async-wait to ES5?
async / wait implicite returns promise?
Czytałem, że funkcje asynchroniczne oznaczone słowem kluczowym async domyślnie zwracają obietnicę:
async function getVal(){
... eszoną z funkcji async, wymusi to zawinięcie jej w obietnicę.
Nie mam z tym wielkiego problemu, ale to przeczy normalnemu JS.
Error: Missing class properties transform
Error: Missing class properties transform
Test.js:
export class Test extends Component {
constructor (props) {
super( ... szystkie poprawki obracają się wokół: Aktualizacja do babel6, Zmiana kolejności " stage-0 "Na"es2015". Wszystko, co zrobiłem.
Jaki jest najkrótszy sposób modyfikacji niezmiennych obiektów za pomocą operatorów rozproszonych i destrukcyjnych
Szukam czystej funkcji, aby zmodyfikować mój obiekt stanu niezmiennego. Stan pierwotny podany jako parametr musi pozostać nie ... tate, id) {
var newState = {...state};
delete newState[id];
return newState;
}
I feel like it could be shorter
Różnica między wydajnością async/ES6 z generatorami
Właśnie czytałem ten fantastyczny artykuł -
Https://www.promisejs.org/generators/
I wyraźnie podkreśla tę funkcję, która ... y do yield z generatorami w tym artykule, gdzie opisuje funkcję 'spawn': https://jakearchibald.com/2014/es7-async-functions/
Czy w JavaScript użycie 'wait' wewnątrz pętli blokuje pętlę?
Weź następującą pętlę:
for(var i=0; i<100; ++i){
let result = await some_slow_async_function();
do_something_wit ... ng_with_result() jest gwarantowana w odniesieniu do i? Czy zależy to od tego, jak szybko awaitfunkcja ed jest dla każdego i?
Czy lepiej zdefiniować stan w konstruktorze czy przy użyciu inicjalizatorów właściwości?
Zgodnie z tą dokumentacją babel, poprawnym sposobem użycia ES6 + z Reactem jest użycie początkowych komponentów takich jak: ... nstruktorem, ale nadal decyduje się na to w konstruktorze.
Więc jestem zastanawiam się, która droga jest lepsza i dlaczego?
Błąd przy użyciu async / wait w React Native
Podczas próby użycia async / wait w React-native, otrzymuję następujący błąd:
uncaught error Error: SyntaxError: /Users ... nse = await signIn.isLoggedIn();
Mój plik .babelrc to:
{ "presets": ["react-native", "es2015", "babel-preset-stage-3"] }
Co robi symbol at ( @ ) w javascript ES6? (ECMAScript 2015)
Patrzę na jakiś kod ES6 i nie rozumiem, co robi symbol@, gdy jest umieszczony przed zmienną. Najbliższa rzecz, jaką znalazłem ... -fields
W tym wpisie na blogu wszystkie przykłady są w kontekście klasy - co to oznacza, gdy symbol jest używane w module?