Что здесь вообще происходит?

Question

[alexfrolov_xcx]

Добрый день! я новичок в мире js (до этого 5 лет html/css)...
Изучил основы, но когда перешёл на реальные примеры, то не совсем понял что происход в данном куске кода ниже (это я брал для себя для разбора на примере)...
Опешите пожалуйста подробно что происходит в этом начальном куске кода...

Comments

[sim3x]

Что конкретно непонятно?

[Negwereth]

Эммм, а документацию там почитать для начала?

Answer 1

[Алексей Струков]

Тут используется паттерн передачи параметров через один объект options
В самом низу самовызываемой функции - это конструкция типа (function(){}()) скорее всего есть такая строка:
}(options))
Здесь передается обьект со свойствами tabNavigationList и прочие. Потом он принимается в функции tabs, эти свойства из него считываются и по содержащимся в них строках ищутся элементы на странице.
Сначала находится el - это видимо контейнер. Потом поиск элементов продолжается внутри уже этого контейнера. Тоесть если мы сначала нашли el внутри документа (document.querySelector), то потом ищем вложенные в него элементы через el.querySelectorAll (поставив el вместо document, мы ограничиваем поиск содержимым этого элемента, а не всем документом как это было в первом случае)