Category: EcmaScript 6

03
Апр
2021

JS Рефлексия. Как создать экземпляр класса по его названию?

Я разрабатываю мини-фреймворк на JS для решения своей задачи. Мне нужно создать экземпляр класса по его названию (или возможно есть какой-то более удобный способ).
Например:
class MyClass{
constructor(a, b) {
this.a = a;

03
Апр
2021

JS Рефлексия. Как создать экземпляр класса по его названию?

Я разрабатываю мини-фреймворк на JS для решения своей задачи. Мне нужно создать экземпляр класса по его названию (или возможно есть какой-то более удобный способ).
Например:
class MyClass{
constructor(a, b) {
this.a = a;

26
Мар
2021

AngularJS + Provider + Webpack

Имеется angularjs-приложение, которое при сборке "накрывается" webpack’ом (при сборке используется так же babel-loader).
Собственно говоря, есть файл MessageProvider.js со следующим кодом:
const SERVER_SIDE_MESSAGE_PROVIDER = [‘$…

16
Фев
2021

Как сделать из массива другой массив(с измененными данными), или строку с разными разделителями

К примеру дан массив: [‘a’,’b’,’c’]
Моя задача при разных условиях, преобразовать его в строку с разными разделителями, или же сам массив изменить так чтоб он приобрел другой вид. Что я имею ввиду:
Если элементов в массиве только 1, то пре…

13
Фев
2021

Как можно деструктурировать первый элемент в обьекте?

Можно ли как-то деструктурировать последний элемент из данного кода, чтобы не писать код по типу
const main = weatherData.weather[0].main

Вот код всей деструктуризации на данный момент
const {name: cityName, sys: {country}, main: {temp: t…

06
Янв
2021

Как можно собрать bundle со всеми зависимостями со всеми импортируемыми файлами?

У меня в проекте используются модули которые подключаются import.
Есть html страница на которой подключаются веб компоненты.
Для копонентов которые являются дочерними *.mjs файлы подключаются динамически.
Что подключать проверяет родитель…

15
Дек
2020

Как транспилируется конструкция async-await в цикле?

Ув. жители Stackoverflow!
Вопрос такой: в какую конструкцию после транспилирования превращается async-await внутри цикла for?
Если async-await – это промис с callback, то как в таком случае он работает с циклом?
Ведь, если в цикле создать …

01
Дек
2020

Метод for…of JS Ecma6

Студентам нужно набрать 70 баллов, чтобы сдать экзамен. Данная программа объявляет массив с результатами. Напишите код для подсчета и вывода в консоль количества студентов, успешно сдавших экзамен.
let scores = [68,95,54,84,77,75,63,74,69,…

19
Ноя
2020

Как вытащить массив с выборочными св-ми через деструктурирующее присваивание в JS?

Как записать массив ‘users’ в переменную из объекта, с выборочными св-ми через деструктурирующее присваивание в JS?
Например с св-ми id и poor (пример объекта ниже)
P.S. Элементов у users может быть больше 2
// Пример объекта
const testAr…

11
Ноя
2020

Сравнение соседних объектов в массиве и их слияние

Есть непонимание работы с переберающими свойствами массивов в javascript.
У меня есть исходный массив, допустим, вот такой:
const arr = [
{text: ‘stack’, color: ‘yellow’, fontSize: ’30px’},
{text: ‘over’, color: ‘red’, fontSize: ’14px’},
{…

30
Окт
2020

Не работает метод push()

подскажите, пожалуйста, почему не работает метод push() в данном коде.
Он постоянно возвращает число после его использования.

function pigIt(str) {
let result = str.split(‘ ‘);
for (let index = 0; index < result.length; index++)…

23
Окт
2020

Метод массива фильтр, возвращает целый объект, а надо только несколько полей из объекта если фильтр тру

Есть код, он работает правильно, но проблема в том что если filter тру, то он возвращает целый объект, а надо только пару полей из объекта.
Я сделл кастомный фильтр через forEach, хочу узнать, есть ли элегантное решеие этого вопроса?
Мой к…

20
Окт
2020

React Hooks (useCallback и useMemo)

Товарищи.. Возникла проблема, не могу понять фишки хуков useCallback и UseMemo. Читал уже доку и пару разных статей, но нет четкой картины для чего это нужно, какая от этого польза, в какой фазе это происходит. Буду признателен за любое до…

07
Окт
2020

Прототипы(Наследование) JS

Столкнулся с таким кодом на сайте https://learn.javascript.ru/ в тестах.

function MyArray() { }
MyArray.prototype = [];

let arr = new MyArray();
arr.push(1, 2, 3);
alert(arr.length);

Можете пожалуйста объяснить, что происходит в…

21
Сен
2020

Подскажите как правильно переделать проект на web component

Есть проект на js таблица квадратов в которой можно добавлять ряды и строки по нажатию на кнопки + удалять определенный рядок или строку.
Кнопки удаления двигаются благодаря считыванию индекса клетки таблицы, когда мышь наводиться на клетк…

18
Сен
2020

концепция Модулей в JS (ES6)?

Объясните пожалуйста, какое назначение экспортирование и импортирования отдельных модулей, если в процессе подключения js файлов с данными модулями, они всё равно становятся доступными из вне. Приведу пример. Предположим есть модуль
functi…

12
Сен
2020

Найти 2 элемента массива, сумма которых равна заданному числу JS

Дан массив из чисел Фибоначчи, дано некоторое число X, нужно написать программу, которая найдет в массиве все пары целых чисел, сумма которых равна заданному значению(X), и вывести true иначе вывести false.
Пример А
Если нам дали массив Фи…

12
Сен
2020

ForEach vs Map vs Reduce что и когда?

Столкнулась с тем что не понимаю когда применять метод map а когда forEach, так же постоянно встречаю reduce, но неясно почему выбирают его а не напрмер тот же map.
Кода следует использовать map, когда reduce, а когда forEach?
В чем их осн…

31
Авг
2020

Назначить события на кнопки управления секундомером через классы

Есть код в котором с нуля создается простой секундомер через классы, я немного не понимаю как в классах назначать события, чтобы при создании секундомера события назначались на кнопки управления секундомером, так в будущем можно будет созд…

28
Авг
2020

Как с помощью классов создать html-элемент и вставить на страницу?

Например, нужно создать input разного типа (email, password, text) и вставить на страницу. Я так понимаю один метод на определенный тип нужно делать. Что в конструктор писать?
class Input {
constructor() {
///
}
createPassInput()…