Популярные вопросы по тегу ECMASCRIPT-6

Выполняет ли импорт модуля ES6 код внутри импортированного файла?

... s файла во время 2 импорта? если да, то один раз или каждый 1 раз? например // a.js console.log("A"); const a = "a"; export default a; // ...

Как расширить модель Sequelize?

... type: Sequelize.INTEGER, autoIncrement: true, primaryKey: true }, createdBy: { type: Sequelize.INTEGER, }, updatedBy: { type: Sequelize.INTEGER, }, deletedBy: { type: Sequelize.INTEGER, } }, { hooks: { beforeCount(options) { options.raw = true; } } }); В 7 документации указано, что Модели Sequelize 6 - это к ...

Динамически импортировать файл по переменной - реагировать на собственный

... текущая реализация const MyComponent = createLazyContainer(() => { const componentPath = PathJson.main; // ./login/index.js return import(`${componentPath}`); //import error here @ line 7 }); export default MyComponen ...

Сделают ли const и let шаблон IIFE ненужным?

... зу же 4 вызвав ее, мы можем создать область видимости. Теперь, когда 3 let и const получат поддержку большего числа брауз ...

Webpack и Babel не переносят зависимость внутри node_modules, которая нарушает работу IE 11 и Edge из-за синтаксиса распространения ES6

... ; { Эта строка 11 кода взята из remark-mdx, которая является зависимостью 10 от @mdx-js/runtime, в частности этого файла и строки: https://github.com/mdx-js/mdx/blob/master/packages/remark-mdx/extract-imports-and-exports.js#L66 Я 9 пытался заставить Webpack и Babel преобразовать 8 этот файл, чтобы больше не был ...

Объявление функции в ES6?

... функции, которая в «старом» es5 13 звучит примерно так function logMessage(message) { document.getElementById("logs").innerHTML = document.getElementById("logs").innerHTML + `<li class="item-padding"> ${message} </li>` } если я не ошибаюсь, правильное 12 "преобразование" в ES6 будет таким: logMessage = message => { etc } Но мой 11 ESLint сообщает мне, что мое сооб ...

Как установить свойства компонента по умолчанию для компонента React

... nder() { let {provinceList,cityList} = this.props if(cityList === undefined || provinceList === undefined){ console.log('undefined props') } ... } AddAddressComponent.contextTypes = { router: React.PropTypes.object.isRequired } AddAddressComponent.defaultProps = { city ...

Uncaught SyntaxError: неожиданный eval или аргументы в строгом режиме: window.gtag = (arguments) => dataLayer.push (arguments);

... taLayer && !window.gtag) { window.dataLayer = window.dataLayer || []; window.gtag = (arguments) => dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-113071675-1'); } } Когда файл загружается 6 браузером, возникает следующая ошибка: Неперехваченная 5 SyntaxE ...

Вызов метода класса из конструктора

... b/js/js_programs/class1.js:18:14) на 8 объекте. (/media/vi/DATA/programs/web/js/js_programs/class1.js:23:9) в 7 Module._compile (module.js: 435: 26) в 6 Object.Module._extensions..js (module.js: 442: 10) в 5 Module.load (module.js: 356: 32) в 4 Function.Module._load (module.js: 311: 12) в 3 Function.Module.runMain (module.js: 467: 10) при 2 запуске (node.js: 136: 18) в node.js: 963: 3 1 ...

Обратные кавычки, вызывающие функцию

... индекс raw: Array[1]? Вопрос, поднятый 4 Catgocat в комнате JS, но ни один из ответов 3 не имел смысла, кроме чего-то о templating strings, что не 2 совс ...

Импортировать React vs React, {Component}

... Component } Какой лучше и почему? Или это не 3 имеет значения, кроме как писать меньше 2 кода позже? Означает ли ...

Доступ к переменной конфигурации heroku в моем приложении React

... ожении Heroku и пытаюсь 6 получить к ней доступ в своем приложении 5 React как process.env.BASE_URL но он дает мне undefined, когда 4 я console.log его, поскольку кажется, что 3 он не существу ...

.map() карту Javascript ES6?

... Map = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } Я мало почерпнул из documentation on the new iteration protocol. Мне известно 6 о wu.js, но я запускаю проект Babel и не хочу включать 5 Traceur, который it seems like it currently depends on. Я также немного не понимаю, как 4 извлечь how fitzgen/wu.js did it в свой собственный проект. Хотелось 3 бы ...

React Native: require() с динамической строкой?

... ческий (сбой): urlName = "sampleData.json"; data = require('../' + urlName); vs. Статический 6 (успешно): data = require('../sampleData.json'); В некоторых обсуждениях я читал, что это 5 ошибка в React Native, а в других - что 4 это особенность. Есть ли новый способ потребовать 3 динамический ресурс внутри функции? Похожие 2 сообщения (все довольно старые во время 1 React) ...

Угловой материал (8) S2591: не удается найти имя 'require'

... } ETA Я 3 нашел здесь сообщение Cannot find name 'require' after upgrading to Angular4 и внес изменения 2 в свой tsconfig.app.json файл - это может быть излишним, но 1 он сработал ... "compilerOptions": { "outDir&quot ...

Экспорт импортированного модуля

... к 3 и ожидалось, из inner/mod.js, но я также хочу экспортировать 2 функцию из внешнего mod.js. Тем, кто просит разъяснений, я 1 хотел бы добиться этого: // SomeOtherFile.js import * a ...

SyntaxError: неожиданный статический токен

... ange={this.onChange} /> {this.state.isChecked ? this.props.labelOn : this.props.labelOff} </label> ); } } module.exports = CheckboxWithLabel; Когда 4 я запускаю тесты (тест npm или шутка), он 3 выдает следующую ошибку: ➜ jest ...

Назначение свойств объекта с деструктуризацией?

... пользовать ES6 destructuring для назначения 8 свойств объекта, но не могу понять синтаксис. <= ES5: var dst = {}; // already in existence, with its own props, methods, etc. var src = { a: 'foo', b: 'bar', c: 'baz' }; dst.a = src.a; dst.b = src.b; > = ES6 7 (мой собственный выдуманный, неработающий 6 синтаксис): let dst = {}; let src = { a: 'foo', b: 'bar', c: 'baz' }; dst[{a, b}] = src; Можно ли использовать дест ...

Карты против объектов в ES6, когда использовать?

... Вопрос: Каков применимый пример использования карт поверх объектов? в частности, «когда ключи будут неизвестны до выполнения?» var myMap = new Map(); var keyObj = {}, keyFunc = function () { return 'hey'}, keyString = &quo ...

Javascript + JsDoc: как документировать новые типы данных ES6, такие как карта?

... const someMap = new Map(); someMap.set("key", {a, b, c}); return someMap; } Как мне это задокументир ...

React TypeScript | Правильный тип для свойства обработчика событий

... ton.js interface ButtontProps { play: any //what is the correct type here? } export const Button: React.SFC<ButtontProps> = ({ play }) => ( <button onClick={play}>Play</button> ) Я 3 не хочу использовать any, поскольку это отвлечет 2 ме ...

Доступ к значению свойства Symbol (id) объекта

... ченный из стороннего 4 API, как показано ниже: { name:"Luke Skywalker", __typename:"People", Symbol(id):"ROOT_QUERY.people." } Хотя к "Люку Скайуокеру" ...

Как импортировать значки из нескольких файлов в векторные иконки React Native?

... конок 2 в одном файле, как мне их импортировать? import Icon from 'react-native-vec ...

Как выполнить экспорт, совместимый с ES5 и ES6?

... index.js function MyClass() {} MyClass.prototype.method1 = function() {..} обычно делаю module.exports = MyClass но я хочу, чтобы 2 мой класс был доступен для обоих синтаксисов ...

Как импортировать высокие диаграммы с помощью webpack и babel

... о обычный импорт (ES6) не работает 4 должным образом: import highcharts from 'highcharts'; Как я могу импортировать 3 Highcharts с помощью импорта webpack? Можете 2 ли вы опубликовать пример webpack.config.js 1 (или другой способ настройки плагинов)? Спасибо. ИЗМЕНИТЬ Ошибка: Uncaught Error: Cannot find module "highcharts" webpackMiss ...

Как импорт javascript находит модуль без расширения?

... на из file.js 6 в том же каталоге. Как это обрабатывается, если 5 в каталоге есть файлы с одинаковыми именами 4 и разными расширениями? Например, если бы 3 файлы file.js ...

Array.from() против синтаксиса распространения

... .from(document.querySelectorAll('div')) и 2 [...document.querySelectorAll('div')]? Вот пример: let spreadDivArray = [...document.querySelectorAll('div')]; console.log(spreadDivArray); let divArrayFrom = Array.from(document.querySelector ...

Динамически импортировать изображения из каталога с помощью webpack

... лается, или есть какие-нибудь 2 мысли о том, как лучше это сделать? ОБНОВЛЕНИЕ: Используя 1 выбранный ответ, я смог сделать следующее: function importAll(r) { let images = {}; r.keys().map((item, index) => { images[item.replace('./', '')] = r(item); }); return images; } const images = importAll(require.context('./ima ...

Каков хороший способ автоматической привязки методов класса JS?

... erOne = this.anotherOne.bind(this); // ... } } Это занимает много 11 времени, и о привязке метода легко забыть. Мне 10 известно о предложении полей класса, но 9 это все еще этап 3 и, похоже, идет с some issues. Мое 8 текущее решение (основанное на this answer) выглядит 7 так: class Something { constructor() { // Get all defined class methods const methods = Object.getOwnPropertyNames(Object.ge ...

Как использовать литерал шаблона в операторе импорта?

... ошибке, указанной ниже: Ошибка анализа: неожиданный 4 токен ` Модуль может быть успешно загружен 3 с помощью выражения: const stats = require(`./${process.env.STATS}`); Для оператора import, похоже, требуется 2 о ...

JSON Stringify свойство класса ES6 с помощью геттера / сеттера

... property, чтобы избежать ошибки 22 JS при использовании get / set, которая 21 приводит к бесконечному циклу, если я устанавливаю 20 непосредственно на property. Теперь мне нужно преобразовать 19 экземпляр MyClass в строку, чтобы отправить 18 его с помощью HTTP-запроса. Строковый JSON 17 - это такой объект, как: { //... _ ...

Что такое временная мертвая зона?

... Что такое временная мертвая 2 зона, как она связана с областью действия 1 и подъемом и в каких ситуациях встречается ...

Экспорт по умолчанию не работает webpack, reactjs

... import {Router,Route,IndexRoute,browserHistory} from 'react-router'; import { Provider } from 'react-redux'; import {App} from './components/App'; import {HomePage} from './components/HomePage'; import configureStore from './store/configureStore.js'; import { syncHistoryWithStore } from 'react-router-redux'; const store = configureStore(); const history = syncHistoryWithStore(browserHistory, store); ReactDOM.render( <Provider ...

Webpack: как компилировать, записывать на диск и обслуживать статический контент (js / css) с помощью webpack-dev-server

... { watch: true, entry: [ './src/index.js' ], output: { path: __dirname +'/dist/', publicPath: '/dist/', filename: 'bundle.js' }, module: { loaders: [ { exclude:/(node_modules)/, loader: 'babel', query: { presets: ['es2015', 'react'] } } ] }, devServer: { historyApiFallback: true, contentBase: './' } }; ...

Можно ли «фильтровать» карту по значению в Typescript?

... способ фильтровать карту по значению 12 вместо ключа. У меня есть набор данных, который 11 смоделирован в моем приложении Angular следующим 10 образом: { "85d55e6b-f4bf-47bb-a988-78fdb9650ef0": { is_deleted: false, public_email: "[email protected]", id: "85d55e6b-f4bf-47bb-a988-78fdb9650ef0", modified_at: "2017-09-26T15:35:06.853492Z", social_url: "https://facebook.com/jamesbond007", event_id: "213b01de- ...

Как импортировать все из модуля в React с помощью es6?

... ort 'brace/theme/solarized_dark'; Как мне импортировать все 2 темы, поскольку мне нужно дать пользователю 1 возможность выбрать люб ...

Невозможно использовать стрелочные функции внутри класса компонента React

... import path from 'path'; import webpack from 'webpack'; import 'react-hot-loader/patch'; export default{ devtool: 'eval', entry:[ 'react-hot-loader/patch', 'webpack-hot-middleware/client?reload=true', path.join(__dirname,'client/index.js')], outp ...

ESLint предпочитает обратный вызов стрелки на array.map

... <div key={key} className={'strong color-swatch bg-' + colour}> <p>{colour}</p> </div> ); })} </div> </div> </div> ); } } 12:26 error Неожиданное ...

JavaScript ES6: тест на стрелочную функцию, встроенную функцию, обычную функцию?

... rn.parse("(" + fn.toString() + ")", { ecmaVersion: 6, onToken: function(token){ if(typeof token.type == "object" && token.type.type == "=>"){ console.log("ArrowFunction found", token); } } }); } catch(e) { console.log("Error, possibly caused by [native cod ...

Можете ли вы или должны использовать localStorage в исходном состоянии Redux?

... ...state, loggedInAt: Date.now() } } Это уменьшенная версия того, что 4 я делаю, default, как и ожидалось, возвращает 3 состояние из localStorage. Однако состояние 2 моего приложения фактически пустое, как 1 ...

Неизменяемым образом обновите один из объектов в массиве.

... cription', valid: false}, ] Допустим, мне нужно обновить 6 объект состояния, имеющий fieldName cityId, до 5 допустимого значения true. Какой самый простой или самый распространенный способ решить эту проблему? Я могу использовать 4 любую из библиотек immutability-helper, immutable-js и т. д. или ES6. Я 3 пробовал и гуглил это более 4 часов, но 2 до сих пор не могу об этом подумать. Буду 1 чрезвычайн ...

Когда выполняется тело обещания?

... В какой 4 момент вызывается doSomeWork()? Это сразу после или 3 сразу после создания Promise? Если нет, есть ли 2 что-то еще, что мне нужно сделать явно, чтобы 1 убедиться, что тело Promise запущено ...

TypeScript + ES6 Map + Индексная подпись типа объекта неявно имеет тип any

... е совсем понимаю, что здесь 9 происходит. На самом деле эта Карта меня 8 немного смущает. Карта должна поступать 7 из es6-shim, которая должна реализовывать 6 функциональность es6. Но у es6 нет статических 5 типов, верно? Итак, почему карта ожидает, что 4 типы ключ / значение являются универсальными 3 аргументами? Я видел, как некоторые люди 2 добавляли флаг noImplicitAny, но я хочу 1 решить проблему, а не игнорировать ее. Спасибо ...

Как проверить, ожидает ли обещание

... ss RunTest { start() { retVal = false; if (!this.promise) { this.promise = this.someTest(); retVal = true; } if ( /* if promise is resolved/rejected or not pending */ ) { this.promise = this.someTest(); retVal = true; } return retVal; } someTest() { return new Promise((resolv ...

Почему "this" не определено внутри определения функции жирной стрелки?

... то же самое с толстой стрелкой. В 6 этом случае "this" не определено. const profile = { name: 'Alex', getName: () => { return this.name; } }; Это вызывает 5 ошибку ...

Получите значение атрибутов HTML с помощью Puppeteer

... "Blue">SG1000</span> <span class="styleNumber" data-Color="Green">SG2000</span> <span class="styleNumber" data-Color="Red">SG3000</span> Кукольник const puppeteer = require( 'puppeteer' ); ( async() => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto( 'http://www.example.com/sample.php' ); // Get a list of all e ...

Как получить дочерний элемент элемента с помощью event.target

... /i> <i class="fas fa-link icon-grid"></i> </div> </div> Итак, я 5 выбираю все div с атрибутом data-dots, а 4 затем выбираю дочерний элемент этого div 3 и добавляю активный класс. Я пробовал использовать 2 e.target.childre ...

Почему ES6 "уступает" зарезервированное слово при вызове в этом контексте?

... "use strict"; function *generator() { let numbers = [1,2,3,4,5]; let higherNumbers = numbers.map(n => n + 1); for(let i=0;i<higherNumbers.length;i++) { yield higherNumbers[i]; } } for (var n of generator()) { console.log(n); } Я получаю ожидаемый результат. Почему 4 второй работает, а первый - нет? И, конечно, если 3 ключевое слово зарезервировано, оно зарезервировано 2 во всех контекстах, а н ...

Как отфильтровать карту JavaScript?

... ot;[ [ 2, 'two' ] ]" Другой удаляет на месте. В 3 моих тестах это работает, но я не нашел 2 гарантии, что изменение карты не нарушит 1 итератор (цикла for-of): // version 1: function filter(map, pred) { const result = new Map(); for (let [k, v] of map) { if (pred(k,v)) { result.set(k, v); } } return result; } const map = new Map().set(1,"one").set(2,"two").set(3,&quot ...

JavaScript - Имеет ли значение размещение / порядок оператора распространения в объекте?

... да newItem всегда будет 1 иметь одни и те же пары ключ-значение? var newItem = { ...item, ...itemB }; как var newItem = { ...