Написал объект со стрелочными функциями и геттерами, но когда вызываю одну из другой через this, получаю undefined. В чем дело?
Обрезанная версия объекта:
const fileSelector = {
get searchButton() {
return document.querySelector('#search-img');
},
switchLoadingImg: () => {
loadingImg = document.querySelector('#loading-img');
const loadingDisplay = loadingImg.style.display;
loadingImg.style.display = loadingDisplay === 'none' ? 'block' : 'none';
},
clickToSearch: () => {
this.switchLoadingImg();
},
};
document.addEventListener('DOMContentLoaded', () => {
fileSelector.searchButton.addEventListener('click', () => {
fileSelector.clickToSearch();
});
});
Когда срабатывает fileSelector.clickToSearch, выходит ошибка, что this.switchLoadingImg - это не функция, а undefined. Почему она не обнаруживается?