Окно Javascript ["functionName"] (arguments) возвращает "не является функцией" TypeError - PullRequest
Новая
       6

Окно Javascript ["functionName"] (arguments) возвращает "не является функцией" TypeError

0 голосов
/ 24 ноября 2018

Я пытаюсь запустить функцию AJAX в зависимости от того, какая вкладка активна в моем приложении.все работает нормально, когда я вызываю функцию после определенных событий, но я не могу вызвать функцию, используя строковую переменную, динамически.

после этого ответа: https://stackoverflow.com/a/359910/5950111 Я просто получаю TypeError, описывающую, чтообъект, который я вызываю, не является функцией.

это моя функция ajax: 

function home_tab_fetchMore(items_count) {
    let request = new XMLHttpRequest();
    let output = []
    request.open('GET', `feedstream/${items_count}`);
    request.onload = function () {
        if (request.status === 200 && request.responseText != '') {
            let new_items = JSON.parse(request.responseText);
            for (let i = 0; i < new_items.length; i++) {
                let item = new_items[i];
                let event_id = feed_stream_row.children.length + 1;
                let feed_item = htmlToElement(`
                        <div class="grid-item" id="eventcard_${event_id}">
                        <div class="card-header">Featured</div>
                        <div class="card-body">
                        <h5 class="card-title">${item.fields['title']}</h5>
                        <p class="card-text">${item.fields['appointment']}
                        <br>
                        ${dummy_text.sentence(5, 40)}
                        </p>
                        </div>
                        </div>
                    `);
                // appending new item to DOM and updating masonry laytout
                feed_stream_row.appendChild(feed_item);
                msnry.appended(feed_item);
                output.push(feed_item);
            }
        } else {
            console.log('no response!');
        }
    };
    request.send();
    return output;
};

и это событие вызывающего абонента: 

$(window).scroll(function () {
    if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
        var fnstring = `${current_active_tab().id}_fetchMore`;
        var fn = window[fnstring]

        console.log(typeof(fnstring)) // returns: string type
        console.log(fnstring) // returns: home_tab_fetchMore without quotes
        console.log(fn) // returns: undefined

        fn(2) // returns: Uncaught TypeError: fn is not a function

        // however, this line works just as expected:
        home_tab_fetchMore(2)
    };
});

Есть также дополнительныестроки к ошибке TypeError, которую я не могу понять: 

Uncaught TypeError: fn is not a function
at main.js:128
at dispatch (jquery-3.3.1.slim.min.js:2)
at v.handle (jquery-3.3.1.slim.min.js:2)

Я заранее благодарен за любые предложения и указания, спасибо.

1 Ответ

0 голосов
/ 24 ноября 2018 
function home_tab_fetchMore(items_count) {}

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

home_tab_fetchMore = function() {} OR
window.home_tab_fetchMore = function() {}
...