Miałem właśnie zamiar opublikować moduł w NPM, kiedy myślałem o przepisaniu go w ES6, aby był zarówno przyszłościowy, jak i nauczony ES6. Użyłem Babel do transpozycji do ES5 i uruchomienia testów. Ale nie jestem pewien, jak postępować: Czy transpiluję i publikuję folder wynikowy / wyjściowy w...
Czy można przekazać opcje do importu ES6? Jak to tłumaczysz: var x = require('module')(someoptions); do
Większość moich badań przeprowadziłem na BabelJS i dalej MDN (który nie ma żadnych informacji), ale możesz mi powiedzieć, czy nie byłem wystarczająco ostrożny, rozglądając się po więcej informacji na temat specyfikacji ES6. Zastanawiam się, czy ES6 obsługuje dziedziczenie wielokrotne w taki sam...
W literałach szablonów es6, jak można zawinąć długi literał szablonu na multilinię bez tworzenia nowej linii w ciągu? Na przykład, jeśli to zrobisz: const text = `a very long string that just continues and continues and continues` Następnie utworzy nowy symbol linii w łańcuchu, interpretując go...
Na przykład, jeśli mam dwa obiekty: var foo = { x: "bar", y: "baz" } i var oof = {} i chciałem przenieść wartości xiy z foo do oof. Czy jest na to sposób za pomocą składni destrukturyzacji es6? może coś takiego: oof{x,y} = foo
Mam dość ciągłego pisania kodu w ten sposób: function shallowExtend(obj1,obj2){ var key; for ( key in obj2 ) { if ( obj2.hasOwnProperty(key) === false ) continue; obj1[key] = obj2[key] } } Lub jeśli nie chcę sam pisać kodu, zaimplementuj bibliotekę, która już to robi. Z pewnością ES6 +...
Natknąłem się na przykład kodu, który korzystał z tego porównania: var someVar = 0; Object.is(false, someVar); //Returns false Wiem, że false == 0tak będzie true, dlatego mamy ===. Czym się Object.isróżni od
Mam następujące moduły ES6: network.js export function getDataFromServer() { return ... } widget.js import { getDataFromServer } from 'network.js'; export class Widget() { constructor() { getDataFromServer("dataForWidget") .then(data => this.render(data)); } render() { ......
Używam poniższego kodu, aby ustawić domyślne właściwości komponentu React, ale to nie działa. W render()metodzie widzę, że wynik „undefined props” został wydrukowany na konsoli przeglądarki. Jak mogę zdefiniować domyślną wartość dla właściwości komponentów? export default class...
Bawię się Reacti ES6używam babeli webpack. Chcę zbudować kilka komponentów w różnych plikach, zaimportować je w jednym pliku i połączyć je zwebpack Powiedzmy, że mam kilka takich komponentów: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export...
Próbuję użyć funkcji strzałki ES6 w .filtercelu zwrócenia dorosłych (Jack i Jill). Wygląda na to, że nie mogę użyć instrukcji if. Co muszę wiedzieć, aby to zrobić w ES6? var family = [{"name":"Jack", "age": 26}, {"name":"Jill", "age": 22}, {"name":"James", "age": 5 }, {"name":"Jenny", "age": 2...
Odbudowuję stary projekt Java w Javascript i zdałem sobie sprawę, że nie ma dobrego sposobu na wykonanie wyliczeń w JS. Najlepsze, co mogę wymyślić, to: const Colors = { RED: Symbol("red"), BLUE: Symbol("blue"), GREEN: Symbol("green") }; Object.freeze(Colors); constUtrzymuje Colorsprzed...
Próbuję rozszerzyć Error o ES6 i Babel. To nie działa. class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty string Obiekt Error...
Mam tablicę obiektów. Chcę znaleźć według jakiegoś pola, a następnie to zmienić: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; Chcę, aby zmienił oryginalny obiekt. W jaki sposób? (Nie obchodzi mnie, czy to też będzie...
Od jakiegoś czasu eksperymentuję z ES6 i właśnie doszedłem do małego problemu. Bardzo lubię używać funkcji strzałkowych i kiedy tylko mogę, używam ich. Jednak wydawałoby się, że nie możesz ich związać! Oto funkcja: var f = () => console.log(this); Oto obiekt, z którym chcę powiązać...
Piszę skrypt, który przesuwa się poniżej lub powyżej wejścia w zależności od wysokości rozwijanego menu i pozycji wejścia na ekranie. Chcę też ustawić modyfikator na rozwijany zgodnie z jego kierunkiem. Ale użycie setStatewewnątrz componentDidUpdatetworzy nieskończoną pętlę (co jest...
Czy istnieje sposób na map/ reduce/ filter/ etc a Setw JavaScript, czy będę musiał napisać własny? Oto kilka rozsądnych Set.prototyperozszerzeń Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce =...
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'); } });...
tl; dr: Czy możliwe jest utworzenie literału szablonu wielokrotnego użytku? Próbowałem użyć literałów szablonów, ale wydaje mi się, że po prostu tego nie rozumiem i teraz jestem sfrustrowany. To znaczy, myślę, że to rozumiem, ale „to” nie powinno być tym, jak to działa ani jak powinno. Powinno być...
Piszę nową aplikację przy użyciu ES6składni (JavaScript) poprzez babeltranspiler i preset-es2015wtyczki, a także semantic-uidla stylu. index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from...