如何使用CanJS DefineMap视图模型方法进行去抖动功能?

时间:2018-04-15 19:22:17

标签: javascript viewmodel canjs debounce canjs-component

我正在尝试对_.debounce canjs视图模型方法使用lodash DefineMap函数,但似乎this即使我尝试在init方法,但没有成功:

export const ViewModel = DefineMap.extend({
 init() {
  this.myMethod = _.debounce(this.myMethod, 200)
 },
 myMethod() {
  // cool stuff here
 }
})

感谢任何帮助!

1 个答案:

答案 0 :(得分:3)

因为默认情况下DefineMap是密封的,并且您可能希望对ViewModel的各个实例进行独立限制,所以您希望这样做:

var time = new Date();

var ViewModel = can.DefineMap.extend({
 id: "number",
 myMethod: {
   type: "any",
   default(){

     var fn = _.debounce(function(){
       console.log(this.id+" says Hi at "+(new Date() - time))
     },100);
     return fn;
   }
 }
});

这基本上将myMethod属性设置为去抖动函数。你可以在这里看到它:http://jsbin.com/nekelak/edit?html,js,console

相关问题