如何在调整大小时使用Lodash Debounce

Question

我试图在调整窗口大小时触发事件，似乎它不起作用。

$(window).resize(function(){
   _.debounce(function(){
       console.log("hello");
   }, 100);
})

Answer 1

它实际上在他们的lodash文档中显示为lodash#debounce：

＆＃13;

＆＃13;

$(window).on('resize', _.debounce(function() {
  console.log('resized!');
}, 100));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

Answer 2

香草JS：

window.onresize = _.debounce(() => {
  console.log('resized!')
}, 100)