Как можно сразу обратиться к элементу возвращаемого объекта функции?

Question

[Виктор Янышев]

Например есть функция которая возвращает объект:

var getActiveTab = function() {
        document.querySelectorAll('.cont-tabs a').forEach(function (elem, i, arr) {
           if(elem.className === 'selected') {
               return {
                   id: elem.getAttribute('href').match(/[\d]+/)[0],
                   tabId: '#tab-content-'+this.id
               }
           }
        });
    };

Есть ли возможность вызвать функцию и обратиться к элементу объекта и поучить его значение, например: `getActiveTab().id` и получаем ID. Знаю что можно вернуть просто `this`.

Comments

[Владимир]

1) У функции getActiveTab нет return, она у тебя ничего не возвращает.
2) А что будет если нет будет елемента с классом 'selected' к id чего ты обратишся ?

В общем, если функция возвращает объект, можно обратиться к свойству объекта или его методу сразу после вызова getActiveTab().id , но у тебя просто криво написана функция поэтому в твоем случае она никогда и ничего не вернет.

Answer 1

[Алексей Уколов]

Можно-то можно, только вот у вас код бессмысленный. То, что возвращается из forEach попадает вникуда - никто эти результаты не использует и не может использовать. Возможно, вам нужен метод .filter? В любом случае, результатом будет массив объектов.

Вот как должен выглядеть ваш код:

var getActiveTab = function() {
    var activeTab = document.querySelector('.cont-tabs a.selected');
    var id = activeTab.getAttribute('href').match(/[\d]+/)[0];

    return {
        id: id,
        tabId: '#tab-content-' + id
    };
};

И тогда уже можете смело писать getActiveTab().id