关于javascript:JavaScript笔记面向对象编程2this的指向问题

class Star {            constructor(uname, age) {                this.name = uname;                this.age = age;                this.sing(); //留神这里用了this  一般函数也是能够放入constructor的 因为sing是一个类外面的 类外面的话基本上每一处都要用this               // 除了constructor前面的圆括号            }            sing() {                console.log(this.name);            }        }        var ldh = new Star('刘德华', 19);        ldh.sing();        //这个也能够打印 记住new是调用constructor         //super是调用父类        //this的指向问题        //constructor外面的this 指向创立的实例 ldh        //因为  var ldh=new Star('刘德华',19); 创立的实例就是ldh         //所以constructor外面的this指向ldh        //而办法外面的this 指向这个办法的调用者 button        //因为以上的这两句话 constructor中的 this和一般函数中的this是不同的 所以能够申明一个全局变量that 在constructor中写 that=this  而后在一般函数外部 将本来的 this替换成that        var ldh = new Star('刘德华', 19);//这一行会主动调用constructor         //所以如果constructor内有打印的函数 会间接打印

通过全局变量that来解决this的指向问题。

        var that;        class Star {            constructor(uname, age) {                that = this;             //!!!!!!留神这行 //                this.name = uname;                this.age = age;                this.sing(); //留神这里用了this 基本上每一处都要用this 除了constructor前面的圆括号                this.btn = document.querySelector('button');                this.btn.onclick = this.sing;            }            sing() {                console.log(this.name);    //sing是一个函数 这里调用者是btn 所以sing指向btn                console.log(that.uname);  //这里的that等于ldh            }        }