Почему при вызове с аргументом функцией возвращает undefinded?

Question

[Yulia Khavaeva]

Есть у меня вот такой код

import { getObserverCallback } from './solution.js';

function updateBreadcrumbs(idList) {
    // некое превращение string[] в список ссылок и обновление header
    document.querySelector('header').innerHTML = idList
        .map(id => {
            const header = document.getElementById(id);
            return `<a href="#${header.id}">${header.textContent.replace(/^-+ /, '')}</a>`;
        })
        .join(' / ');
}

document.addEventListener('DOMContentLoaded', () => {
    // ваша функция вызывается
    const callback = getObserverCallback(updateBreadcrumbs);

    // создаётся обсервер
    const intersectionObserver = new IntersectionObserver(callback);

    // он следит за "заголовками"
    document.querySelectorAll('div[data-header]').forEach(el => intersectionObserver.observe(el));
});

Почему константа callback не типа function?

Comments

[modelair]

solution.js принесите

[Yulia Khavaeva]

modelair,

export function getObserverCallback(updateBreadcrumbs, intersectionObserver) {
    const divs = [];
    let breadcrumbs = [];

    document.querySelectorAll('div').forEach(div => {
        divs.push(div.id)
    });

    console.log(breadcrumbs)
    console.log(divs)
    divs.forEach(div => {
        let breadcrumb = document.getElementById(div);
        // если элемент наблюдаемый
        if(breadcrumb.isIntersecting) {
            let breadcrumbTarget = breadcrumb.target;
            // делаем что-то

            // больше не отслеживается
            breadcrumbs.push(breadcrumb.id);
            intersectionObserver.unobserve(breadcrumb);
        }
    })

    updateBreadcrumbs(breadcrumbs);
}

Answer 1

[modelair]

потому что ваш getObserverCallback ничего не возвращает.

Comments

[Yulia Khavaeva]

Спасибо большое