js、ES6关于类中this指向问题的解释案例

最新推荐文章于 2022-10-19 22:43:47 发布

小茶bala

最新推荐文章于 2022-10-19 22:43:47 发布

阅读量161

点赞数 1

文章标签： javascript es6

本文链接：https://blog.csdn.net/qq_43735767/article/details/120462995

版权

<body>
    <button>按钮</button>
    <script>
        var that;
        class Star {
            constructor(uname ,age){
                that = this;//this指向调用者，这里指向ldh，用全局变量that来存储指向的实例化对象
                this.uname=uname;
                this.age=age;
                this.btn=document.querySelector('button');
                this.btn.onclick=this.sing;//此时this指向btn
            }
            sing(){
                console.log(this);//this在没点击按钮前指向ldh，在点击按钮后指向btn
                console.log(this.uname)//在未点击之前指向刘德华的uname，在点击后，this指向btn，没有uname
                console.log(that.uname);//that指向constructor返回的实例对象，这里是ldh
            }
        }
        var ldh = new Star('刘德华','44');
        ldh.sing();
    </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小茶bala

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js、ES6关于类中this指向问题的解释案例

<body> <button>按钮</button> <script> var that; class Star { constructor(uname ,age){ that = this;//this指向被调用者，这里指向ldh，用全局变量that来存储指向的实例化对象 this.uname=uname; .
复制链接

扫一扫