Wersja specyfikacji ECMAScript z 2015 r., Teraz standard (ECMAScript 2015). Tego znacznika należy używać tylko wtedy, gdy pytanie dotyczy konkretnie nowych funkcji lub zmian technicznych przewidzianych w ECMAScript 2015.
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 class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... …
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 przeniesiony i zamrażania zapobiega mutacji klucze i wartości. Używam symboli, więc …
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ć funkcję: var o = {'a': …
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 w lodaszu)
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 nigdy nie otrzymuje odpowiedniego zestawu komunikatów. Spróbuj w Babel REPL …
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 oczywiste) Znalazłem rozwiązanie w używaniu getDOMNodei ustawianiu nazwy klasy bezpośrednio na liście …
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 = function(f,initial) { var result = initial; for (var v …
Próbuję dodać komponent mapy React do mojego projektu, ale pojawia się błąd. Używam posta na blogu Fullstack React jako odniesienia. Wyśledziłem, gdzie pojawia się błąd w linii google_map.js 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } Oto …
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() { …
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ć inaczej. Wszystkie …
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 '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html <!DOCTYPE html> <html lang="fr"> <head> <body> <script src="dist/app.js"></script> </body> </html> Struktura projektu . ├── …
Z jakiegoś powodu nie mogę znaleźć tej prostej rzeczy w dokumentacji MDN (może po prostu jej brakuje). Spodziewałem się, że to zadziała: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ... ale pierwsza linia rzuca TypeError: (var)[Symbol.iterator] is not a function Jak zrobić mapę ze zwykłego obiektu? Czy naprawdę …
Używam maszynopisu 1.6 ze składnią modułów es6. Moje pliki to: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); Kiedy próbuję skompilować main.tsplik, pojawia się ten błąd: Błąd TS2306: Plik „test.ts” nie jest …
Moje pytanie brzmi: Jaka jest różnica między babel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2i babel-preset-stage-3, i co jest najlepszym wyborem, gdy rozwijamy się ES6?
Pracowałem z create-react-appi natknąłem się na ten problem, gdzie dostaję Home does not contain an export named Home. Oto jak skonfigurowałem mój App.jsplik: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.