В каких случаях использовать ES6 Class?

Question

Worddoc @Worddoc

Frontend explorer

JavaScript

В каких случаях использовать ES6 Class?

В каких случаях использование ES6 Классов более уместно?

Возьмем 2 случая:

1) Типичный вебсайт с аякс переходами. Несложные виджеты: попапы, слайдеры, фильтры, лайтбоксы, галереи, поиск и подобное. Не используются какие-либо фреймворки и паттерны проектирования интерфейсов.

2) Веб-приложение на условно говоря angular/react/vue/someAnotherHype.js etc. Интерфейс разбит на компоненты.
2.1) P.S. Нормально ли вообще иметь компоненты в виде классов?

Хотелось бы понять суть использования ES6 классов при создании веб сайтов, ибо не могу найти место применение классов при создании интерфейсов, учитывая то, что большинство компонентов отличаются друг от друга по функциональности и имеют мало общего.

Понимаю, что если я не вижу, где их использовать, значит оно мне не нужно. Но я хочу узнать это, чтобы улучшить свой принцип мышления при создании веб сайтов и веб интерфейсов.

Вопрос задан более трёх лет назад
377 просмотров

5 комментариев

Подписаться 2 Средний 5 комментариев

vasIvas @vasIvas

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

Стоит добавить, если Вы не используете классы и у Вас нет множества фабрик. то скорее всего Вы пишите неправильный код.

Написано более трёх лет назад
Worddoc @Worddoc Автор вопроса

vasIvas, а что скажете по поводу двух приведенных ситуаций?

Написано более трёх лет назад
vasIvas @vasIvas

Worddoc, тоже самое и скажу. Есть люди который презирают тех кто использует классы, а есть те кто презирает первых. И чтобы Вы не делали, кто-то Вас всегда будет считать ненормальным. Кроме того, подобные вопросы возникают у тех, кто не обладает достаточными знаниями, которые лучше всего приобретать из книг.

Лично я использую классы и считаю что те кто их не использует просто не умеет их использование обосновывать.

Написано более трёх лет назад
Worddoc @Worddoc Автор вопроса
vasIvas, моя проблема скорее в том, что я просто пишу несложный процедурный код. Я хочу использовать complex подход к написанию и структурированию кода, но зачастую, нет нужды в этом, т.к. если есть проект, то из фронта это: верстка, виджеты разного типа, ajax переходы, анимации, ajax изменение контента(допустим с помощью фильтра) и в целом я просто не могу усложнить код и подход к написанию кода, потому что одна задача разбивается на много мелких, а мелкие можно написать в стиле 1 задача - 1 функция.

Типичный мой js код выглядит вот так:

$(document).ready(function() { ( () => { //... })(); ( () => { //... })(); let func = () => { //... }; });

Может посоветуете книгу или паттерн, который изменит мышление и подход к написанию кода любой сложности, чтобы он был легко масштабируемым и с наименьшим повторением кода?
Написано более трёх лет назад
vasIvas @vasIvas

Worddoc, используя jq Вы ничего не создаете и все что Вам требуется, это это процедуры.
При таком раскладе отсутствует архитектура и нужда в упорядоченных структурах.
Начнете писать более сложные приложения, сразу поймете что нужно отказываться от такого
подхода. А может и нет, так как раньше, много людей много лет писали в процедурном стиле
и делали вполне работоспособные приложения.

И советовать нечего, это должно идти изнутри и каждый сам для себя выбирает то что считает нужным. Кроме того, я не начинал с js и возможно это причина того, что для меня классы это вполне обычное явление. Но советовать учить другой язык я тоже не буду, так как это отнимет несколько лет, хотя и неизбежно.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
При создании PWA ошибка Cannot read properties of null (reading 'prompt'), в чем проблема?
- 1 подписчик
- 2 часа назад
- 22 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 2 часа назад
- 73 просмотра
2

ответа
JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- 13 часов назад
- 37 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- 19 часов назад
- 127 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как построение маршрута на 2GIS API v2.0?
- 1 подписчик
- 21 час назад
- 47 просмотров
0

ответов
JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- вчера
- 109 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- вчера
- 87 просмотров
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 2 подписчика
- вчера
- 71 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 22 апр.
- 71 просмотр
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Фронт мобильное приложение

25 апр. 2024, в 10:42

150000 руб./за проект

Настроить вёрстку webapp-telegram

25 апр. 2024, в 10:41

2000 руб./за проект

Создать дудл - видео с AI аватаром

25 апр. 2024, в 10:25

2000 руб./за проект

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

Стоит добавить, если Вы не используете классы и у Вас нет множества фабрик. то скорее всего Вы пишите неправильный код.
vasIvas, а что скажете по поводу двух приведенных ситуаций?
Worddoc, тоже самое и скажу. Есть люди который презирают тех кто использует классы, а есть те кто презирает первых. И чтобы Вы не делали, кто-то Вас всегда будет считать ненормальным. Кроме того, подобные вопросы возникают у тех, кто не обладает достаточными знаниями, которые лучше всего приобретать из книг.

Лично я использую классы и считаю что те кто их не использует просто не умеет их использование обосновывать.
vasIvas, моя проблема скорее в том, что я просто пишу несложный процедурный код. Я хочу использовать complex подход к написанию и структурированию кода, но зачастую, нет нужды в этом, т.к. если есть проект, то из фронта это: верстка, виджеты разного типа, ajax переходы, анимации, ajax изменение контента(допустим с помощью фильтра) и в целом я просто не могу усложнить код и подход к написанию кода, потому что одна задача разбивается на много мелких, а мелкие можно написать в стиле 1 задача - 1 функция.

Типичный мой js код выглядит вот так:

$(document).ready(function() { ( () => { //... })(); ( () => { //... })(); let func = () => { //... }; });

Может посоветуете книгу или паттерн, который изменит мышление и подход к написанию кода любой сложности, чтобы он был легко масштабируемым и с наименьшим повторением кода?
Worddoc, используя jq Вы ничего не создаете и все что Вам требуется, это это процедуры.
При таком раскладе отсутствует архитектура и нужда в упорядоченных структурах.
Начнете писать более сложные приложения, сразу поймете что нужно отказываться от такого
подхода. А может и нет, так как раньше, много людей много лет писали в процедурном стиле
и делали вполне работоспособные приложения.

И советовать нечего, это должно идти изнутри и каждый сам для себя выбирает то что считает нужным. Кроме того, я не начинал с js и возможно это причина того, что для меня классы это вполне обычное явление. Но советовать учить другой язык я тоже не буду, так как это отнимет несколько лет, хотя и неизбежно.

Answer 1 · 2017-10-06 12:54:01

Нормально ли вообще иметь компоненты в виде классов?

"Нормальность" - это термин из области психиатрии, обозначающий тот факт, что кто-то другой делает то, что мы на данный момент времени и в данном обществе считаем приемлемым. Были времена, когда люди говорили "мы должны разделять разметку, стили и скрипты и ни в коем случае не должны их смешивать". Это считалось нормальным. Даже относилось к хорошим практикам. А потом появился реакт. И те же люди стали говорить "да давайте все в одном файле фигачить, это же круто, а еще вебпаком можно весь проект со всеми ресурсами в один бандл сжать". И теперь это - норма. Как можно заметить, нормальность немного поменялась.

не могу найти место применение классов при создании интерфейсов

Посмотрите на досуге мой велосипед. Он еще далек от совершенства и скорее является полигоном для экспериментов, но там как раз хорошо видно, что получается в коде при использовании классов-компонентов.

В каких случаях использовать ES6 Class?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт