Что значит этот скрипт?

Question

[Джон Голт]

Изучаю ООП JavaScript и собственно столкнулся вот с таким элементом, помогите пожалуйста разобраться:

var pb = {};
      pb.el = $('#slider');
      pb.items = {
	        panels: pb.el.find('.slider-wrapper > li'),
      }

Вот создали мы объект "pb". Дальше: задаем ему свойство "el" куда запихиваем селектор. А как понимать вот то, что дальше - это получается свойство "items" уже выступает в качестве другого объекта со своими собственными полями, так ? То есть это собственно говоря объект в объекте, я все правильно понял ?

Comments

[Владимир Мартьянов]

Думаю, вы все правильно поняли.

[Артур Мудрик]

Да, вы всё поняли правильно.

Answer 1

[GreatRash]

1. Создали объект pb
2. Запихнули в pb.el ноду с id="slider"
3. Запихнули в pb.items все li, которые лежат внутри ноды с class="slider-wrapper", которая в свою очередь лежит внутри pb.el

Comments

[Джон Голт]

шик, спасибо, теперь полностью разобрался

Answer 2

[Виталий Инчин ☢]

Совершенно верно.

Answer 3

[Stalker_RED]

var pb = {}; // создаем новый объект
      pb.el = $('#slider'); // в поле el ссылка на jQuery объект, который обертка над DOM-объектом с id="slider"
      pb.items = { // обект-список, в котором jQuery-объекты, оберкти над li
          panels: pb.el.find('.slider-wrapper > li'),
      }

Да, объект в объекте. Причем, если вывести этот pb в консоль хрома, можете посмотреть что там внутри. Там вложенность гораздо больше.
К примеру: