ES6中類和對象的註意問題

實用類的註意事項

三個註意點：

1.在ES中類沒有變數的提升，所以必須先定義類，才能通過實例化對象

2.類裡面的共有屬性和方法一定要加this使用

3.類裡面的this使用問題：

4.constructor裡面的this指向實例化對象，方法裡面的this指向這個方法的調用者

<script>
        var that;
        var _that;
        class Star {
            // constructor 裡面的this 指向的是 lbw
            constructor(uname , age) {
                that =  this;

                console.log(this);
                
                this.uname = uname;
                this.age = age;
                this.dance();
                //this.sing();
                this.btn = document.querySelector('button');
                this.btn.onclick = this.sing;
            }
            sing() {
                //這個sing方法裡面的this 指向的是 btn這個按鈕 因為這個按鈕調用了這個函數
                console.log(that.uname);
            }
            dance() {
                _that = this;//這個dance裡面的this 指向的是實例對象ldh因為ldh調用了這個函數
                console.log(this);
                
            }
        }
        var lbw = new Star('劉德華');
        console.log(lbw ===that);//
        console.log(lbw ===_that);
        
        //1.在ES6類沒有變數提升，所以必須先定義類，才能通過類實例化對象
        //2.類裡面的共有的 屬性和方法 一定要加到this里使用。
    </script>