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 undefined

Button.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&nbsp;=&nbsp;Button.onClick.bind(this)