Можно ли сократить запись и как?

Question

[Иван Ефимов]

Имеется выражение:

[объект].forEach((Element) => Element.addEventListener('click', () => [вызов_функции]));

Такое впечатление, что запись можно сократить еще больше. Нет?

P. S. Я гуглил.

Comments

[Lynn «Кофеман»]

[объект].forEach вызывает сомнения. Может всё-таки массив?

И, очень может быть, что вообще не нужно вешать обработчик события на каждый элемент отдельно. Но тут надо смотреть на задачу и вёрстку…

[WbICHA]

Lynn «Кофеман»,

[объект].forEach вызывает сомнения. Может всё-таки массив?

Там скорее всего нодлист.

[Иван Ефимов]

WbICHA, "Там скорее всего нодлист." - да, вы правы. Ноды перебираем и коллекции.

[Иван Ефимов]

Lynn «Кофеман» " не нужно вешать обработчик события на каждый элемент отдельно" - допустим, речь идет об элементах меню, а не про блок в целом.

[Lynn «Кофеман»]

Иван Ефимов, элементы меню где-то лежат. Скорее всего на это «где-то» можно повесить один обработчик кликов который может будет проверять на что конкретно кликнули (https://developer.mozilla.org/en-US/docs/Web/API/E...)

Answer 1

[Дмитрий Перевозкин]

Да можно
до: [объект].forEach((Element) => Element.addEventListener('click', () => [вызов_функции]));
после: [объект].forEach((Element) => addEventListener('click', [function]));

Можно вот так сократить, то есть вынести функцию и убрать [Element.]
А если не секрет зачем? Ради интереса или задача?)

Comments

[Иван Ефимов]

Более короткие записи проще нарабатывать и держать в памяти. Тем более часто кажется, что именно можно сократить и даже нужно. Я не до конца понимаю, что происходит, нарабатываю типичные конструкции для решения типичных задач.

Answer 2

[Михаил Р.]

[объект].forEach(a => a.addEventListener('click', f));

Такое впечатление, что запись можно сократить еще больше. Нет?

Но зачем?

Comments

[Иван Ефимов]

1. Не люблю лишних сущностей, если они есть.
2. Короткие записи для простых действий проще держать в голове.

Мне казалось что ключевое слово (Element) слева лишний.

[imko]

Иван Ефимов, ой смотри в ниндзя код не улети случайно)

[Илья Салигжанов]

Иван Ефимов, возьми сборщик-минификатор)
Код надо писать так, чтобы его смогла прочитать не машина, а человек

[Иван Ефимов]

imko, "ой смотри в ниндзя код не улети случайно)" - заменить "Element" на "a" еще не означает избавиться от лишней сущности в коде. с другой стороны, имеется вот такая запись:
object.forEach((element) => console.log(element)); - удобно.

[Михаил Р.]

Иван Ефимов,

с другой стороны, имеется вот такая запись:
object.forEach((element) => console.log(element)); - удобно.

[объект].forEach(a => a.addEventListener('click', f));

Как образом console.log относится к слушателю?

[Иван Ефимов]

Михаил Р., Никаким. Это сторонний пример, короткой записи в которой точно нет ничего лишнего. И это удобно. Остальное - менее удобно.

[Михаил Р.]

Иван Ефимов,

Это сторонний пример, короткой записи в которой точно нет ничего лишнего.

В обоих примерах используется forEach и стрелочная функция, т.е. они аналогичны друг друг (если исключить самого слушатель).

[Иван Ефимов]

Михаил Р., да, но вот я и задумался: если речь идет об одном действии справа от стрелки и об одном аргументе слева, то нельзя ли не писать хотя бы аргумент (element) дважды? Каким-либо образом подразумевая его? Нет? - ок.
Я вернусь со следующим ECMAScript :)

[imko]

Иван Ефимов,

object.forEach((element) => console.log(element));

длинно, зачем оборачивать лог в стрелку?
object.forEach(console.log)

[imko]

Иван Ефимов, думаешь в верном направлении, даже пишешь это, а че происходит не видишь. Агрумент форыча это функция, просто ее обычно объявляют там же на месте. Так же с addEventListener, ты зачем-то вызов одной функции в стрелку заворачиваешь

[Иван Ефимов]

imko, "ты зачем-то вызов одной функции в стрелку заворачиваешь" - так на сайте мозиллы написано, а чтобы не заворачивать - не написано. И вот да: зачем заворачивать, когда интуитивно хочется не заворачивать?

[imko]

Иван Ефимов, а если на сайте мозиллы напишут с девятого этажа спрыгнуть?) У тебя черным по белому, ну или белым по черному в найтмоде написано АРГУМЕНТ - ФУНКЦИЯ, пример они могут какой угодно привести, он правильный и со стрелкой она же функция.
заворачивать за тем чтобы по сто функций не объявлять одноразовых снаружи, если действие сложнее чем вызов одной функции уже созданной

[Иван Ефимов]

imko, "а если на сайте мозиллы напишут с девятого этажа спрыгнуть?)" - в отсутствии тех спец образования, придется и над этим подумать :) сайту приходится доверять.

[imko]

Иван Ефимов, главное правила и его пример не путай больше)