JS面向对象时，组件的click事件怎么调用自身的方法？

Question

在《你不知道的JS》中，有一个委托控件对象的例子，使用了jquery，我想用原生js改写其中遇到这句this.$el.click(this.onClick.bind(this));改写一直失败。麻烦各位可以给我解惑。我的方案结果点击按钮控制台无反应        Button.build=function($where){          this.insert($where);          this.$el.onclick=function(){             Button.onClick.bind(this);           }         };点击控制台显示Button "undefined" clicked!        Button.build=function($where){          this.insert($where);          this.$el.onclick=function(){             Button.onClick.call(this);           }         };点击后显示Uncaught TypeError: Cannot read property 'call' of undefinedButton.build=function($where){               this.insert($where);          this.$el.onclick=function(){            this.onClick.call(this);           }                    };分析this.$el.onclick之后，console.log(this),显示的是一个dom元素<button>xxx</button>疑问组件绑定click事件如何调用自身的方法？jquery是如何实现这个绑定的？谢谢大家！源代码：

Answer 1

btn.onclick = Button.onClick.bind(this)