Поясните пожалуйста, как здесь используется оператор new?

Question

PedroGarciyaLopez @PedroGarciyaLopez

Поясните пожалуйста, как здесь используется оператор new?

В документации marionette есть такой пример:

MyApp.addInitializer(function(options){
  new MyAppRouter();
  Backbone.history.start();
});

Не понимаю где в данном случае создается экземпляр MyAppRouter? Т.е. можно ли как-то получить на него ссылку? Если бы он был создан таким образом myApp.myAppRouter = new MyAppRouter(); то был бы доступен как свойство объекта myApp. А как в данном случае?

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

4 комментария

Подписаться 1 Оценить 4 комментария

Борис Лапин @MrBoriska

он сохраняет ссылку на себя в нужном ему месте сам, во время инициализации.

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

Борис Лапин: это понятно, получается явно сослаться на этот объект нельзя при таком раскладе?

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

index0h ответил на ваш вопрос. Смотрите исходники ) Там узнаете куда записывается экземпляр класса и узнаете, откуда его брать. Кстати, я думаю вам ничто не мешает сделать и как обычно:
inst = new MyAppRouter();
Думаю разработчики таки возвращают ссылку на созданный экземпляр. Просто в данном скрипте он не нужен.

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

Что касается исходников, то ответа на мой вопрос в них нет. MyAppRouter наследуется от Marionette.AppRouter, который в свою очередь наследуется от Backbone.Router, с переопределенным конструктором и дополнительными методами. Безусловно возвращается ссылка на экземпляр и можно сделать как обычно: inst = new MyAppRouter().

Вопрос не столько относится к backbone и marionette сколько вообще к javascript. Я всегда создавал экземпляры вышеописанным способом и не задумывался, а здесь наткнулся и хочу понять. Получается что в каком-то окружении создается объект, он сам может выполнять свои методы, но вызвать их извне и получать свойства этого объекта никак нельзя?

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

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

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

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

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

aen @aen

А про 5ый пункт можно аргументировать?

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

Да, так и есть. Раньше просто не встречал такого, поэтому был сбит с толку. Но по сути все нормально, объект создается и делает свои дела, без явной ссылки на себя. Вот примерно такая происходит при вызове new: stackoverflow.com/questions/6750880/javascript-how... Если вдруг у кого-то будет подобный вопрос.

Что касается 5го пункта, то мне тоже интересно чем это плохо, кроме того что встречается редко и может смутить таких как я? )

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

PedroGarciyaLopez: в том то и дело, что это ничем не плохо. Если ссылка не нужна, то ее не зачем где-то сохранять.

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

aen: Евгений, с приятным удивлением для себя обнаружил что вы являетесь автором перевода документации: instanceof.pro/marionettejs.ru/.

В первую очередь большое спасибо за труд! Эта тема меня сейчас очень интересует и ваши переводы весьма кстати.

Хотел поинтересоваться, планируется ли перевод, того что еще не переведено, в ближайшее время?

И еще такой вопрос, может быть пожелание. В документации хорошо описаны классы в отдельности, с пониманием проблем нет. Лично у меня, как у новичка, вызывает затруднение именно организация инфраструктуры, взаимодействие компонентов между собой, как из всего этого строить приложение? когда что использовать? С Backbone разобрался достаточно быстро, там-то классов раз-два и обчелся. А здесь только View пять штук, Регионы, Система обмена сообщениями, Рендерер. В общем каша в голове и цельная картинка никак не складывается. Не планируете ли вы готовить материалы способные внести ясность именно в этих вопросах? Или может порекомендуете где посмотреть?

Заранее благодарю.

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

PedroGarciyaLopez: я перевожу по мере того, как у меня есть время. Конечно же я буду переводить все, разве что раздел про Module не буду, так как от него избавятся в ближайшей мажорной версии. После того, как я закончу с документацией, я хочу заняться материалами. У меня есть еще отдельный репозиторий с ними: https://github.com/instanceofpro/awesome-marionette

ПС: если есть желание помочь, то хотя бы вычитайте то, что было переведено. Потому как там есть еще что править. Ну и пуллреквесты приветствуются.

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

aen: Спасибо за ссылку. Откуда такая информация про Module? Нашел книгу Structuring Backbone code with RequireJS and Marionette Modules. И там тема последних затрагивается достаточно обширно.

ПС: Постараюсь помочь, но сначала необходимо въехать в курс дела. Согласитесь, пока нет общей картины, трудно понять, толи перевод не точный, толи сам чего-то не догоняешь.
А на сайте бы не мешало какой-нибудь фидбэк сделать.

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

PedroGarciyaLopez: Это следует из разговоров с мэйнтейнерами. Модули лучше использовать сторонние. ES6, amd или commonjs.

ПС: я имею ввиду, что некоторые предложения написаны "не по-русски" или есть явные орфографические ошибки.

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

aen: Я могу попробовать, но каким образом передавать правки?

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

PedroGarciyaLopez: pull request'ы на гитхабе делайте и все. Или хотя бы issue заводите.

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

aen: Конечно я бы не хотел показаться слишком категоричным. Просто в ~большинстве случаев~ пихать логику класса в конструктор не верно. SRP знаете ли. На помощь нам всегда приходят метафоры.

Возьмем в качестве примера разработку класса Фонарик. Конструктор - это собственно производство фонарика на заводе. Методы класса - это функциональность фонарика: включить/выключить, заменить батарейку, открутить линзу и тп.

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

Если отвечать на магический вопрос-конструктив "а как надо?", то могу предложить разделить создание объекта роутера и применение байндингов на два этапа:

var myRouter = new MyAppRouter();
myRouter.startListen();

Вариации названия метода могут быть разные: startListen(), start(), run(), listenToHashChange(), bind() и тп.

Почему так делать хорошо?
1. Возможность конфигурации роутера. Добавить роут/удалить роут после того как объект создан.
2. Возможность разделить функции объявления маршрутов и собственно "слушание" маршрутов.
3. Легче тестируется.
4. Следование принципу SRP.
5. ...
Думаю можно найти много преимуществ.

Не имею ничего против Marionette, это наоборот мой любимый сейчас фреймворк, просто данное конкретное решение с роутером недостаточно красиво. Про другие фреймворки вообще молчу :)

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

dipwoodle: ну дак мы тут обсуждаем конкретный пример. Про SRP и SOLID я все прекрасно знаю, не надо мне как нубу все это разжевывать.

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

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

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

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

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

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

JavaScript

Простой
Почему InputMaska не позволяет вводить номер телефона?
- 1 подписчик
- 38 минут назад
- 16 просмотров
0

ответов
JavaScript

Простой
CodeMirror: как включить подсветку совпадений слова при его выделении (как в обычном редакторе)?
- 1 подписчик
- 52 минуты назад
- 7 просмотров
0

ответов
JavaScript

Простой
Турнирный модуль для игр Counter-Strike, DOTA2 и т.д.?
- 1 подписчик
- 4 часа назад
- 54 просмотра
1

ответ
JavaScript

Простой
Как определить, загрузился ли скрипт или нет?
- 2 подписчика
- 5 часов назад
- 168 просмотров
2

ответа
JavaScript

Средний
Где найти маску для телефона работающую корректно?
- 1 подписчик
- 21 час назад
- 108 просмотров
3

ответа
JavaScript

Простой
Как разэкранировать строку js?
- 1 подписчик
- 21 час назад
- 83 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Получение координат графика в Canvas?
- 1 подписчик
- 23 часа назад
- 36 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Какие инструменты для анализа React JS кода использовать?
- 1 подписчик
- вчера
- 78 просмотров
0

ответов
JavaScript

Простой
Как создать динамическую переменную?
- 1 подписчик
- вчера
- 83 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему не запрашивает разрешение на уведомление pwa-push- ios?
- 1 подписчик
- вчера
- 42 просмотра
0

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

JavaScript Developer (backend / fullstack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

Часовая консультация по WordPress

08 мая 2024, в 14:23

1500 руб./в час

Бот для авито

08 мая 2024, в 14:19

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

Создать расширение или локально исполняемый файл для заполнение сайта

08 мая 2024, в 14:17

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

он сохраняет ссылку на себя в нужном ему месте сам, во время инициализации.
Борис Лапин: это понятно, получается явно сослаться на этот объект нельзя при таком раскладе?
index0h ответил на ваш вопрос. Смотрите исходники ) Там узнаете куда записывается экземпляр класса и узнаете, откуда его брать. Кстати, я думаю вам ничто не мешает сделать и как обычно:
inst = new MyAppRouter();
Думаю разработчики таки возвращают ссылку на созданный экземпляр. Просто в данном скрипте он не нужен.
Что касается исходников, то ответа на мой вопрос в них нет. MyAppRouter наследуется от Marionette.AppRouter, который в свою очередь наследуется от Backbone.Router, с переопределенным конструктором и дополнительными методами. Безусловно возвращается ссылка на экземпляр и можно сделать как обычно: inst = new MyAppRouter().

Вопрос не столько относится к backbone и marionette сколько вообще к javascript. Я всегда создавал экземпляры вышеописанным способом и не задумывался, а здесь наткнулся и хочу понять. Получается что в каком-то окружении создается объект, он сам может выполнять свои методы, но вызвать их извне и получать свойства этого объекта никак нельзя?

Answer 1 · 2015-02-01 17:20:11

Это просто прихоть автора документации. Этот пример взять из документации к Marionette.Application и он демонстрирует работу инициализаторов. Тут ссылка на сам роутер не нужна, потому экземпляр роутера создается таким образом.

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

Answer 2 · 2015-02-01 17:45:23

1. Человек написавший документацию не посчитал нужным, что объект роутера когда-либо понадобится, поэтому не записал в переменную.
2. Экземпляр MyAppRouter создается только в памяти.
3. Доступ к созданному объекту получить нельзя (по крайней мере публично).
4. В данном случае главная логика класса MyAppRouter содержится в конструкторе, поэтому никакой метод этого класса в будущем вызывать не нужно (по задумке автора).
5. А вообще это плохой пример, на практике так делать не хорошо.

Answer 3 · 2015-02-01 14:52:18

index0h @index0h

PHP, Golang. https://github.com/index0h

Смотрите код MyAppRouter, скорее всего там ответ на ваш вопрос

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

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

Поясните пожалуйста, как здесь используется оператор new?

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

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

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