Хороший стиль JavaScript для вызова функции из основного потока и обратного вызова

Question

Так что я очень новичок в JavaScript, и я знаю, что у него нет действительно параллельных потоков. Но если вы представляете, что обратный вызов ajax должен быть в своем собственном потоке и что обратный вызов рисует некоторые кнопки на экране, а затем вызывает функцию wire_up_buttons(), которая устанавливает обратные вызовы для событий кликов на всех доступных кнопках. Это хороший стиль для вызова этой функции из основного потока (т.е. исполнения, которое началось с $(document).ready(callback)?

Если это считается плохим стилем, то как бы вы рекомендовали мне изменить мой код?

Answer 1

Это не вопрос стиль. Если вы звоните wire_up_buttons из $(document).ready(callback) перед вашими отделок Аякса вызова, кнопки не будет там, и они не будут подключены до. (Предполагается, что wire_up_buttons крюки события на кнопки непосредственно.)

у вас есть два правильных варианты:

1. Звоните wire_up_buttons с ajax Успешный обработчик после рендеринга новых кнопок.

2. сделать wire_up_buttons использование делегирования событий на контейнере все кнопки в, в этом случае вызова его из ready обработчика (если вы хотите использовать один), вероятно, будет лучше всего сделать.

делегация событий, где вы на самом деле подключить событие на элемент, который является предком элемент из кнопок, в идеале какой-то довольно локализованным контейнер, но вы можете использовать document или document.body (так как они предки все элементы контента на странице). Дефрагментация событий поддерживается обработчиком jQuery on; его documentation содержит больше информации.

---

Боковые ноты:

• "Я знаю, что [JavaScript] не имеет действительно параллельных потоков" Это окружающая среда предмет, нет язык предмет. Браузеры обеспечивают поистине параллельные потоки для JavaScript через web workers; они обеспечивают единый поток UI, но потенциально несколько не-UI потоков. JavaScript, язык, по сути, молчал по теме потоков. Сообщения о том, что JavaScript являются однопоточными, являются общими, но неверными.

• ready в значительной степени не нужен в коде, где вы контролируете, куда идут теги script. Если вы это сделаете, просто поместите свои теги script в конец HTML, непосредственно перед закрывающим тегом </body>, и в этом случае нет необходимости в ready. Подробнее в YUI Best Practices for Speeding Up your Website.