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>
(0)

相关推荐