Почему не работает lodash debounce в vue?

Question

[WebDev]

import _ from 'lodash'
...

created: function() {
    _.debounce(function() {
                console.log('test222');
            }, 500);
},
methods: {
    test: function() {
        _.debounce(function() {
                console.log('test222');
            }, 500);
    }
}

Что я делаю не так? Этот код не работает. Совсем. При этом другие методы, например _.capitalize работают.

Comments

[Сергей Сергей]

test: function() {
        _.debounce(function() {
                console.log('test222');
            }, 500) ();

функцию надо запустить.
}, 500) ();

Answer 1

[0xD34F]

Этот код не работает. Совсем.

Разумеется, всё работает. Между "не работает" и "работает не так, как бы мне хотелось" существенная разница. Допускаю, что для вас она трудноуловима, но она всё-таки есть. Попытайтесь её осознать.

test: function() {
    _.debounce(function() {
            console.log('test222');
        }, 500);
}

В debounce должен был быть обёрнут сам метод:

test: _.debounce(function() {
  console.log('test222');
}, 500)

Comments

[Александр Афанасьев]

А почему не работает в первом варианте? Например если нужно сделать вот так:

test: function() {
     console.log('Немедленное действие');
    _.debounce(function() {console.log('отложенное действие');  }, 500);
}

[0xD34F]

Александр Афанасьев, debounce возвращает функцию. Функции надо вызывать. Ни в "первом варианте", ни у вас вызова функции, возвращаемой debounce'ом, нет. Кроме того, вам debounce не нужен (если конечно вы о чём-то не умолчали):

test() {
  console.log('Немедленное действие');
  setTimeout(() => console.log('отложенное действие'), 500);
}