<script>
    function Tab() {
        this.btn = document;
        this.target = document.body;
    }

    Tab.prototype = {

        // 給btn綁定事件
        bind: function() {
          console.log(this);  // this為tab實例
          this.btn.onclick = () => {
            console.log(this); // this為上級的tab實例,不再是元素
          };
        },

        fn: function() {
            
           // 使用箭頭函數,回調里面的this就指向了上級的tab實例
           // 相比以前我們不用再通過一個臨時變量存儲外界this值了,比如var that = this;
           setTimeout(() => {
              console.log(this);
           }, 1000);

        }
    };

    var tab = new Tab();
    tab.bind();
    tab.fn();
    </script>