@JSlang
Дмитрий17.10.2018
15:35:45
15:35:45
смысл в том, чтобы не мутировать входные параметры - так как это сайд эффекты
Я смысл понимаю. Вопрос не в этомДмитрий17.10.2018
15:36:55
15:36:55
в чем вопрос?
Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила?
GoogleRoman17.10.2018
15:36:59
15:36:59
аа
тебе в иммутабельность
надо создавать копии, модифицировать их и возвращать
ujeenator17.10.2018
15:37:26
15:37:26
Здравствуйте, товарищи! Продолжаю осмыслять правила линтера. Остановился на no-param-reassign: https://eslint.org/docs/rules/no-param-reassign Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила?
Пример:
document.querySelectorAll('.controlBlock').forEach((currentElement) => {
currentElement.style.display = '';
});
Конечно, можно сделать так:
document.querySelectorAll('.controlBlock').forEach((currentElement) => {
const { style } = currentElement;
style.display = '';
});
Но разве это не тупо?
да, parameter property modifications в свою очередь это абсолютно приемлемо
хотя и является сайд эффектом - что в некоторых ситуациях можно расценивать как неприемлемый код для конкретного проектаRoman17.10.2018
15:37:47
15:37:47
^^ согласен
если в проекте принята иммутабельность - это нормальное линт-правило, чтоб кто-то случайно не мутировал
Дмитрий17.10.2018
15:39:33
15:39:33
ujeenator17.10.2018
15:39:53
15:39:53
ну и также в вашем примере вы мутируете DOM
изолировать себя от мутации DOM'a можно только если использовать фреймворки по типу React VUE
Сам по себе DOM построен на мутациях
Roman17.10.2018
15:40:07
15:40:07
^^ опять согласен =) не успеваю с ответами
ujeenator17.10.2018
15:40:23
15:40:23
?
Андрей17.10.2018
15:41:01
15:41:01
свой виртуал дом и все дела ?
Дмитрий17.10.2018
15:43:29
15:43:29
ну и также в вашем примере вы мутируете DOM
изолировать себя от мутации DOM'a можно только если использовать фреймворки по типу React VUE
Ну ОК. А если бы это был не ДОМ, а некий массив неких объектов?GoogleАндрей17.10.2018
15:48:34
15:48:34
полно языков транспилирующихся в сабж, при этом с иммутубельными структурами данных из коробки - пурескрипт, эльм, кложаскрипт и т.п. выбирай на вкус. можно при желании посмотреть как там сделаны эффективные датаструкчи. хотя и в иммутабл-жс что-то должно быть наверное
Н17.10.2018
15:50:09
15:50:09
ujeenator17.10.2018
15:51:36
15:51:36
Ну ОК. А если бы это был не ДОМ, а некий массив неких объектов?
если объекты имеет 1-2 уровня вложености то используют spread операторы чтобы создавать копии
let arr = [{ name: 'John', surname: 'Smith' }, { name: 'Alice', surname: 'Smith' }]
arr = arr.map(
user => ({
...user,
fullName: `${user.name} ${user.surname}`
})
)
если больше - то используют библиотеки для работы с иммутабельными объектами
я чаще всего использую immutability-helperЗдравствуйте, товарищи! Продолжаю осмыслять правила линтера. Остановился на no-param-reassign: https://eslint.org/docs/rules/no-param-reassign Как, по-хорошему, следует работать с методами массивов (forEach, map и т.д.), оставаясь в рамках этого правила?
Пример:
document.querySelectorAll('.controlBlock').forEach((currentElement) => {
currentElement.style.display = '';
});
Конечно, можно сделать так:
document.querySelectorAll('.controlBlock').forEach((currentElement) => {
const { style } = currentElement;
style.display = '';
});
Но разве это не тупо?
да и еще
я считаю использование arr.forEach анти-паттерном, потому что ты теряешь возможность взаимодействовать с родительской функцией в своем колбеке, например добавить await или return если надо, потому лучше использовать for of
Роман17.10.2018
15:56:25
15:56:25
если объекты имеет 1-2 уровня вложености то используют spread операторы чтобы создавать копии
let arr = [{ name: 'John', surname: 'Smith' }, { name: 'Alice', surname: 'Smith' }]
arr = arr.map(
user => ({
...user,
fullName: `${user.name} ${user.surname}`
})
)
если больше - то используют библиотеки для работы с иммутабельными объектами
я чаще всего использую immutability-helper
Так ты же вроде говорил что мутировать не надо, а сам делаешь это.ujeenator17.10.2018
15:56:56
15:56:56
Так ты же вроде говорил что мутировать не надо, а сам делаешь это.
мутация значения и мутация ссылки две абсолютно разные вещивсе ошибки в основном от мутации значений
мутацию ссылок можно избегать если в этом есть реальная потребность
Роман17.10.2018
15:58:07
15:58:07
Роман17.10.2018
15:59:17
15:59:17
Roman17.10.2018
15:59:35
15:59:35
ujeenator17.10.2018
15:59:58
15:59:58
Roman17.10.2018
16:00:11
16:00:11
надо проще объяснять)
Роман17.10.2018
16:00:24
16:00:24
ujeenator17.10.2018
16:01:09
16:01:09
Да. Но причём тут это?
Притом что мутация значений очень важна
А важность мутации ссылок - зависит от задачиРоман17.10.2018
16:01:40
16:01:40
Притом что мутация значений очень важна
А важность мутации ссылок - зависит от задачи
Понял, я думал ты про мутацию вообще.GoogleДмитрий17.10.2018
16:08:01
16:08:01
если объекты имеет 1-2 уровня вложености то используют spread операторы чтобы создавать копии
let arr = [{ name: 'John', surname: 'Smith' }, { name: 'Alice', surname: 'Smith' }]
arr = arr.map(
user => ({
...user,
fullName: `${user.name} ${user.surname}`
})
)
если больше - то используют библиотеки для работы с иммутабельными объектами
я чаще всего использую immutability-helper
Что-то я не понял. Вот массив:
let arr = [{ name: 'John', surname: 'Smith' }, { name: 'Alice', surname: 'Smith' }]
Как в нем поменять все surname на Lee, оставаясь в рамках правила no-param-reassign?ujeenator17.10.2018
16:09:08
16:09:08
Что-то я не понял. Вот массив:
let arr = [{ name: 'John', surname: 'Smith' }, { name: 'Alice', surname: 'Smith' }]
Как в нем поменять все surname на Lee, оставаясь в рамках правила no-param-reassign?
arr.map(
user => ({
...user,
surname: 'Lee'
})
)только ты меняешь не в нем, а создаешь новую копию массива где есть это изменение
куда эту assign'ить - это уже зависит от задачи)
Дмитрий17.10.2018
16:12:31
16:12:31
только ты меняешь не в нем, а создаешь новую копию массива где есть это изменение
Вот это печалька же. Я же не этого хотел. Это может вылиться в жесть по памяти.Роман17.10.2018
16:13:04
16:13:04
Я вот тоже не понимаю тех кто топит за иммутабельность. Как они работают с большими массивами?
ujeenator17.10.2018
16:13:27
16:13:27
Вот это печалька же. Я же не этого хотел. Это может вылиться в жесть по памяти.
это верно
иммутабельность неэффективно использует память
но в большинстве задач памяти хватаетЯ вот тоже не понимаю тех кто топит за иммутабельность. Как они работают с большими массивами?
Создаем изолированные части приложения которые работают с мутабельностьюНапример я писал на React Native рисовалку для ios android
у меня был отдельный компонент который работал с байт массивом imageData
но всю эту логику он полностью скрывал внутри себя
Роман17.10.2018
16:15:08
16:15:08
это верно
иммутабельность неэффективно использует память
но в большинстве задач памяти хватает
А как с сортировкой? Ведь в JS она мутирует сразу массив.у меня был отдельный компонент который работал с байт массивом imageData
но всю эту логику он полностью скрывал внутри себя
Ну понял, т.е. исключения всё же есть.ujeenator17.10.2018
16:15:47
16:15:47
А как с сортировкой? Ведь в JS она мутирует сразу массив.
ну если грубо то
[1,2,3].slice(0).sort(...)копируешь, сортируешь
а если проект маленький - то иммутабельность вам и не нужна
Роман17.10.2018
16:16:42
16:16:42
копируешь, сортируешь
> Копируешь
А там 10к элементов. И всё ради чего? Если мы дальше планируем работать с отсортированным массивом только.ujeenator17.10.2018
16:16:49
16:16:49
Роман17.10.2018
16:16:59
16:16:59
Задача отсортировать массив и работать с ним. Зачем нам копия?
ujeenator17.10.2018
16:17:18
16:17:18
ну так если есть конкретный пример - то давай конкретно разбирать
GoogleРоман17.10.2018
16:18:34
16:18:34
Так сортировка и есть конкретный пример. По памяти я уже понял. Но не понимаю логику, зачем хранить оригинал, если мы работать планируем с модифицированной версией? И только с ней. Как в этом случае поступают?
ujeenator17.10.2018
16:19:53
16:19:53
есть вот шкала такая
на одной стороне ты получаешь
простотой в понимании проект, легкий в откладке и отлове ошибок
на другой стороне ты получаешь проект быстро работающий и эффективно использующий память
на этой шкале ты выбираешь для себя подходящую точку)
для своей задачи
AdminERROR: S client not available
ujeenator17.10.2018
16:20:55
16:20:55
иммутабельность это инструмент который позволяет контроллировать сложность проекта, взамен на некоторую долю памяти и времени процессора
Влад17.10.2018
16:22:48
16:22:48
Вечер добрый, есть идея создать веб приложения с множеством динамических веб форм, начал писать на фласке, но там с динамиком чет тяжко, подскажите пожалуйста какой выбрать вреймворк ?
Kirill17.10.2018
16:44:25
16:44:25
Ребята, всем привет, такой вопрос:
У меня есть кнопка и на нее навешано событие по классу на клик, потом удаляю этот класс у ней и добавляю новый и хочу реализовать уже другое событие, а оно все равно делает и старое и новое( как быть, подскажите пожалуйста?)
Роман17.10.2018
16:45:11
16:45:11
Либо смотреть внутри обработчика клика на класс элемента и выполнять нужный функционал.
Дмитрий17.10.2018
16:46:16
16:46:16
иммутабельность это инструмент который позволяет контроллировать сложность проекта, взамен на некоторую долю памяти и времени процессора
Спасибо за информацию - буду осмыслять. Подытожим изначальный пример: для DOM без фреймворка и в малых масштабах на это правило можно забить. Верно?Roman17.10.2018
16:59:36
16:59:36
({|})17.10.2018
17:24:46
17:24:46
Ребята, всем привет, такой вопрос:
У меня есть кнопка и на нее навешано событие по классу на клик, потом удаляю этот класс у ней и добавляю новый и хочу реализовать уже другое событие, а оно все равно делает и старое и новое( как быть, подскажите пожалуйста?)
Так есть же делегирование событий, задаешь событие клик на родителя, потом отлавливаешь элемент по классу и делаешь что хочешьhttps://learn.javascript.ru/event-delegation
Roman17.10.2018
17:57:17
17:57:17
кто работал с react-native? можно вообще не работать с xcode? то есть понятно, он нужен для билда, но писать можно в чем-то другом?
alex17.10.2018
17:58:50
17:58:50
Всем привет. Нужен программист для одного дела, прибыль 50-50. Опишите.
ujeenator17.10.2018
18:00:22
18:00:22
кто работал с react-native? можно вообще не работать с xcode? то есть понятно, он нужен для билда, но писать можно в чем-то другом?
в момент инсталляции нативных модулей и для смены настроек проекта нуженGoogleujeenator17.10.2018
18:01:24
18:01:24
кто работал с react-native? можно вообще не работать с xcode? то есть понятно, он нужен для билда, но писать можно в чем-то другом?
и да
Если проект сложный я бы не брал RNRoman17.10.2018
18:01:59
18:01:59
хочу подружить с encfs облаке
Александр18.10.2018
06:28:38
06:28:38
Коллеги, всем привет! Подскажите плиз, как можно разместить в <select> вкладки?
Сасный18.10.2018
06:41:22
06:41:22
Никак
Кастомный селект делается на дивах отдельно от селекта и его оптион
а связь между ними создается через жс
Взгляните на selectize или select2
Александр18.10.2018
06:51:43
06:51:43
я пробовал select2 юзать
но видимо внутри селекта нельзя вкладки поместить
или тут один вариант - писать с нуля, чистый инпут прикрутить
? ethorz18.10.2018
07:26:24
07:26:24
хэлп плиз
Открыть в Telegram