当前位置 博文首页 > 文章内容
最大化 缩小

    ES6中类和对象的注意问题

    作者： 栏目：未分类 时间：2020-09-20 14:02:30

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客，有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦，IIS7站长博客，全站内容图片下架、并积极应诉
    博文内容全部不再显示，请需要相关资讯的站长朋友到必应搜索。谢谢！

    另祝：版权碰瓷诈骗团伙，早日弃暗投明。

    相关新闻：借版权之名、行诈骗之实，周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹！百花齐放的时代,渐行渐远!


    实用类的三个注意点：

    1.在ES中类没有变量的提升，所以必须先定义类，才能通过实例化对象

    2.类里面的共有属性和方法一定要加this使用

    3.类里面的this使用问题：

    4.constructor里面的this指向实例化对象，方法里面的this指向这个方法的调用者

    广州vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com

    <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>