Eslint - 'observer' 在定义之前被使用了？

Question

我正在尝试解决我的订单问题我收到一个 Eslint 错误，其中在定义之前使用了“observer”。但是当我在 onInterSection 函数上方替换观察者时，我得到 onIntersection 在定义之前被使用。

(() => {
    let images = [...document.querySelectorAll('[data-src]')];

    const settings = {
        rootMargin: '50px 0px',
        threshold: 0.01
    };

    const onIntersection = (imageEntites) => {
        imageEntites.forEach((image) => {
            if (image.isIntersecting) {
                observer.unobserve(image.target);
                image.target.src = image.target.dataset.src;
                image.target.onload = () =>
                    image.target.classList.add('loaded');
            }
        });
    };

    let observer = new IntersectionObserver(onIntersection, settings);

    images.forEach((image) => observer.observe(image));
})();

Answer 1

你可以试试这样写：


    let observer = new IntersectionObserver((imageEntites) => {
        imageEntites.forEach((image) => {
            if (image.isIntersecting) {
                observer.unobserve(image.target);
                image.target.src = image.target.dataset.src;
                image.target.onload = () =>
                    image.target.classList.add('loaded');
            }
        });
    };, settings);

Eslint - 'observer' 在定义之前被使用了？

Eslint - 'observer' was used before it was defined?

javascript

babeljs