인프런 커뮤니티 질문&답변

init() {
        window.addEventListener('scroll', () => {
            this.scrollRunHandler();
            this.scrollPosition(this.mainElem);
        });
    }
    scrollRunHandler() {
        clearTimeout(this.scrollState);
        if (!this.scrollState) {
            this.mainElem.classList.add('running');
        }

        this.scrollState = setTimeout(() => {
            this.scrollState = false;
            this.mainElem.classList.remove('running');
        }, 500);
    }
    scrollPosition = (elem) => {
        if (elem.lastScrollTop > window.scrollY) { // 스크롤을 아래로
            this.mainElem.dataset.direction = 'backward';
        } else { // 스크롤 위로
            this.mainElem.dataset.direction = 'forward';
        }
        elem.lastScrollTop = window.scrollY;
    }

생성자 함수를 클래스 함수로 변경하면서 this가 character를 가리켜야 되는데 window를 가리키는 문제가 생겨서 변수를 그냥 넣어줘서 작동은 하는데 이렇게 하는게 맞는지 궁금합니다.