Запитання з тегом «ecmascript-6»

Наприклад, якщо у мене є два об'єкти: var foo = { x: "bar", y: "baz" } і var oof = {} і я хотів перенести значення x і y з foo в oof. Чи є спосіб зробити це, використовуючи синтаксис деструктуризації es6? можливо щось на кшталт: oof{x,y} = foo

135 javascript  ecmascript-6  destructuring 

Я провів більшу частину своїх досліджень з цього приводу на BabelJS та MDN (який взагалі не має інформації), але, будь ласка, не соромтесь сказати мені, якщо я не насторожився достатньо уважно, щоб оглянути детальнішу інформацію про ES6 Spec. Мені цікаво, підтримує чи ні ES6 багатократне успадкування так само, як це …

134 javascript  ecmascript-6 

Я деякий час експериментував з ES6, і я просто зіткнувся з невеликою проблемою. Мені дуже подобається використовувати функції стрілок, і коли я можу, я їх використовую. Однак, здається, ви не можете їх зв’язати! Ось функція: var f = () => console.log(this); Ось об’єкт, до якого я хочу зв’язати функцію: var …

133 javascript  function  ecmascript-6 

У мене є масив об’єктів. Я хочу знайти якесь поле, а потім змінити його: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; Я хочу, щоб він змінив оригінальний об’єкт. Як? (Мені байдуже, чи буде це в лодаші)

133 javascript  arrays  ecmascript-6  lodash 

Я намагаюся поширити помилку за допомогою ES6 та Babel. Це не виходить. 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 Об'єкт Error ніколи не отримує правильний набір повідомлень. Спробуйте в …

132 javascript  ecmascript-6  babeljs  transpiler 

Я пишу сценарій, який переміщує спадне меню нижче або вище, залежно від висоти випадаючого місця та положення входу на екрані. Також я хочу встановити модифікатор до випадаючого відповідно до його напряму. Але використання setStateвнутрішньої частини componentDidUpdateстворює нескінченну петлю (що очевидно) Я знайшов рішення у використанні getDOMNodeта встановленні назви класу безпосередньо …

131 javascript  reactjs  ecmascript-6 

Чи є спосіб map/ reduce/ filter/ тощо Setв JavaScript або мені доведеться написати свій власний? Ось кілька розумних Set.prototypeрозширень 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 of …

131 javascript  set  ecmascript-6  reduce 

Я намагаюся додати компонент карти React до свого проекту, але зіткнувся з помилкою. Я використовую повідомлення в блозі Fullstack React як довідник. Я простежив, куди помилка потрапляє в рядок 83 google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Використання функцій стрілок ES6 із лексичним thisзв'язуванням чудово. Однак я зіткнувся з проблемою мить тому, використовуючи її із типовою прив'язкою клацань jQuery: class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } За допомогою функції стрілки: class Game { foo() { …

129 javascript  jquery  ecmascript-6  arrow-functions 

tl; dr: Чи можна зробити шаблон для багаторазового використання буквальним? Я намагався використовувати буквені літерали, але, мабуть, просто не розумію, і тепер я розчаровуюся. Я маю на увазі, я думаю, я отримую це, але "це" не повинно бути, як воно працює, або як воно повинно отримати. Слід отримати інакше. Усі …

129 javascript  ecmascript-6  template-literals 

Я пишу нову програму з використанням ES6синтаксису (JavaScript) через babelтранспілер та preset-es2015плагіни, а такожsemantic-ui для стилю. 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> Структура проекту . …

128 javascript  jquery  ecmascript-6  browserify  semantic-ui 

Чомусь я не можу знайти цю просту річ у документах MDN (можливо, я просто її відсутня). Я очікував, що це спрацює: const map = new Map({foo: 'bar'}); map.get('foo'); // 'bar' ... але перший рядок кидає TypeError: (var)[Symbol.iterator] is not a function Як зробити карту з простого об'єкта? Чи справді мені …

128 javascript  ecmascript-6 

Я використовую typecript 1.6 з синтаксисом модулів es6. Мої файли: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); Коли я намагаюся скласти main.tsфайл, я отримую цю помилку: Помилка TS2306: Файл 'test.ts' не …

127 javascript  typescript  ecmascript-6 

Моє питання: В чому різниця між babel-preset-stage-0, babel-preset-stage-1, babel-preset-stage-2і babel-preset-stage-3, і що це кращий вибір , коли ми починаємо з ES6?

126 ecmascript-6  babel 

Я працював create-react-appі стикався з цим питанням, куди потрапляю Home does not contain an export named Home. Ось як я налаштував свій App.jsфайл: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return …

123 javascript  reactjs  ecmascript-6  create-react-app