1
(function(window, document, $, undefined){

    var InvokeWindow = function() {
        this.calcSize = function() {
            this.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            this.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
            return this;
        };
        this.setElementXY = function(element, split, size) {
            $(element).css({
                'left': ''+(this.width / split[0] - size[0])+'px',
                'top': ''+(this.height / split[1] - size[1])+'px'
            });
            return this;
        };
    };

    var impl = {};

    impl.register = function() {
        this.invokeWindow = new InvokeWindow()
        .calcSize()
        .setElementXY('.dimension', [4, 2], [150, 150]);
        return this;
    };

    // повторный вызов после изменения размеров окна
    impl.rewrite = function() {
        this.invokeWindow
        .calcSize()
        .setElementXY('.dimension', [4, 2], [150, 150]);
        return this;
    };

    window.impl = impl;

})(window, document, jQuery);

$(function() {

    impl.register();

    var frameWait;

    $(window).resize(function() {
        clearTimeout(frameWait);
        frameWait = setTimeout(impl.rewrite, 400);
    });

});

Этот способ работает:

    impl.rewrite = function() {
        impl.invokeWindow
        .calcSize()
        .setElementXY('.dimension', [4, 2], [150, 150]);
        return this;
    };

А этот выдает ошибку "Uncaught TypeError: Cannot read property 'calcSize' of undefined":

    impl.rewrite = function() {
        this.invokeWindow
        .calcSize()
        .setElementXY('.dimension', [4, 2], [150, 150]);
        return this;
    };

В чем причина? как я могу сделать это через this?

3
  • 1
    очередной вопрос по потерю контекста
    – ThisMan
    10 сен 2019 в 17:14
  • 1
    setTimeout убивает контекст функции, которую вы передаете
    – ThisMan
    10 сен 2019 в 17:14
  • 1
    frameWait = setTimeout(impl.rewrite.bind(impl), 400);
    – ThisMan
    10 сен 2019 в 17:14

1 ответ 1

1

Как и сказал ThisMan Проблема заключалась в потере контекста и решается с помощью bind():

frameWait = setTimeout(impl.rewrite.bind(impl), 400);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.