Programowanie ecmascript-6

4

Co oznacza „… odpowiada jednostce niebędącej modułem i nie można jej zaimportować przy użyciu tej konstrukcji”?

Mam kilka plików TypeScript: MyClass.ts class MyClass { constructor() { } } export = MyClass; MyFunc.ts function fn() { return 0; } export = fn; MyConsumer.ts import * as MC from './MyClass'; import * as fn from './MyFunc'; fn(); To daje mi błędy podczas próby użycia new Moduł „MyClass” jest …

93 typescript ecmascript-6 es6-modules

1

Jaka jest różnica między ładniejszymi-eslint, eslint-plugin-ładniejszy i eslint-config-ładniejszy?

Chcę używać razem Prettier i ESLint, ale doświadczyłem pewnych konfliktów po prostu używając ich jeden po drugim. Widzę, że istnieją te trzy pakiety, które pozwalają na używanie ich w tandemie: prettier-eslint eslint-plugin-prettier eslint-config-prettier Jednak nie jestem pewien, którego użyć, ponieważ wszystkie te nazwy pakietów zawierają eslinti prettier. Którego powinienem użyć?

93 javascript ecmascript-6 eslint code-formatting prettier

2

Backticks wywołujące funkcję

Nie wiem, jak to wyjaśnić, ale kiedy biegnę console.log`1` W Google Chrome otrzymuję dane wyjściowe jak console.log`1` VM12380:2 ["1", raw: Array[1]] Dlaczego lewy przycisk wywołuje funkcję dziennika i dlaczego tworzy indeks raw: Array[1]? Pytanie zadane w pokoju JS przez Catgocat, ale żadne odpowiedzi nie miały sensu poza czymś o tworzeniu …

93 javascript ecmascript-6 template-strings template-literals tagged-templates

6

„Nieprzechwycony błąd składni: nie można użyć instrukcji importu poza modułem” podczas importowania ECMAScript 6

Używam ArcGIS JSAPI 4.12 i chcę używać Iluzji Przestrzennych do rysowania symboli wojskowych na mapie. Gdy dodam milsymbol.jsdo skryptu, konsola zwraca błąd Uncaught SyntaxError: Nie można użyć instrukcji importu poza modułem` więc dodaję type="module"do skryptu, a następnie wraca Uncaught ReferenceError: ms nie jest zdefiniowany Oto mój kod: <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css"> …

92 javascript ecmascript-6 arcgis arcgis-js-api

4

Jak uzyskać dostęp do metody Object.prototype w następującej logice?

Używam następującej logiki, aby uzyskać ciąg i18n podanego klucza. export function i18n(key) { if (entries.hasOwnProperty(key)) { return entries[key]; } else if (typeof (Canadarm) !== 'undefined') { try { throw Error(); } catch (e) { Canadarm.error(entries['dataBuildI18nString'] + key, e); } } return entries[key]; } W moim projekcie używam ESLint. Otrzymuję następujący …

91 javascript ecmascript-6 eslint

6

Korzystanie ze składni rozkładania i nowego Set () z maszynopisem

Używam następującego kodu, aby uzyskać unikalne numery: let uniques = [ ...new Set([1, 2, 3, 1, 1]) ]; // [1, 2, 3] Jednak maszynopis zgłasza następujący błąd: Typ „Set” nie jest typem tablicy. Nie jestem ninja maszynopisu, czy ktoś mógłby mi powiedzieć, co tu jest nie tak?

91 javascript typescript ecmascript-6 spread-syntax

6

Utwórz obiekt z tablicy

Chcę utworzyć obiekt z listy tablicy. Mam tablicę dynamiczną, która ma wyglądać następująco: var dynamicArray = ["2007", "2008", "2009", "2010"]; i przy pomocy javascript es6 chcę stworzyć taki obiekt: const obj = { 2007: { x: width / 5, y: height / 2 }, 2008: { x: (2 / 5) …

91 javascript arrays ecmascript-6 javascript-objects

6

Import z ES2015 nie działa (nawet na najwyższym poziomie) w Firefoksie

Oto moje przykładowe pliki: <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js: import Test from 't2.js'; t2.js: export const Test = console.log("Hello world"); Kiedy ładuję stronę w przeglądarce Firefox 46, zwraca ona „SyntaxError: deklaracje importu mogą pojawiać się tylko na najwyższym poziomie modułu” - ale nie jestem …

90 javascript html firefox ecmascript-6 es6-modules

13

.map () a Javascript ES6 Map?

Jak byś to zrobił? Instynktownie chcę zrobić: var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]); // wishful, ignorant thinking var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } Nie zebrałem zbyt wiele z dokumentacji nowego …

89 javascript ecmascript-6

3

Dokument zniszczony parametr funkcji w JSDoc

Wcześniej zawsze dokumentowałem parametry mojego obiektu w następujący sposób: /** * Description of the function * * @param {Object} config - The configuration * @param {String} config.foo * @param {Boolean} [config.bar] - Optional value * @return {String} */ function doSomething (config = {}) { const { foo, bar } = …

89 arguments ecmascript-6 jsdoc destructuring

2

Javascript ES6 złożoność obliczeniowa / czasowa zbiorów

Jaką złożoność czasową (w notacji duże-O) zapewnia specyfikacja ES6 dla kolekcji z kluczem (Set, Map, WeakSet i WeakMap)? Oczekuję, i spodziewam się tego od większości programistów, że specyfikacje i implementacje będą używać powszechnie akceptowanych algorytmów wydajności, w którym to przypadku Set.prototype.has, addi deletewszystkie będą O (1) w przeciętnym przypadku. To …

89 javascript time-complexity ecmascript-6

3

Literał obiektu JavaScript: czym dokładnie jest {a, b, c}?

Pytanie, które mam, najlepiej zadać za pomocą tego jsfiddle , którego kod jest poniżej: var a = 1, b = 'x', c = true; var d = {a: a, b: b, c: c}; // <--- object literal var e = [a, b, c]; // <--- array var f = {a, …

88 javascript ecmascript-6

6

Używanie map () na iteratorze

Powiedzmy, że mamy Map : let m = new Map();, użycie m.values()zwraca iterator mapy. Ale nie mogę używać forEach()lub map()na tym iteratorze, a implementacja pętli while na tym iteratorze wydaje się być anty-wzorcem, ponieważ ES6 oferuje funkcje takie jak map(). Czy jest więc sposób użycia map()na iteratorze?

88 javascript dictionary syntax ecmascript-6 iterator

6

Najlepszy sposób na wypełnienie funkcji ES6 w aplikacji React, która wykorzystuje aplikację create-react-app

Testowałem moją aplikację React.js w przeglądarce Internet Explorer i stwierdziłem, że jakiś kod ES6 / 7 Array.prototype.includes()ją psuje. Używam aplikacji create-react- i najwyraźniej zdecydowali się nie uwzględniać wielu polyfillów, ponieważ nie wszyscy ich potrzebują i spowalniają czas kompilacji (patrz na przykład tutaj i tutaj ). Dokumentacja (w momencie pisania) sugeruje: …

88 javascript reactjs ecmascript-6 create-react-app ecmascript-7

4

Filtruj lub mapuj listy węzłów w ES6

Jaki jest najbardziej skuteczny sposób filtrowania lub mapowania listy węzłów w ES6? W oparciu o moje odczyty użyłbym jednej z następujących opcji: [...nodelist].filter lub Array.from(nodelist).filter Który byś polecił? Czy są lepsze sposoby, na przykład bez użycia tablic?

87 javascript arrays filter ecmascript-6 nodelist

Pytania otagowane jako ecmascript-6