彩票开奖号码查询结果

  • <tr id='hY0YgX'><strong id='hY0YgX'></strong><small id='hY0YgX'></small><button id='hY0YgX'></button><li id='hY0YgX'><noscript id='hY0YgX'><big id='hY0YgX'></big><dt id='hY0YgX'></dt></noscript></li></tr><ol id='hY0YgX'><option id='hY0YgX'><table id='hY0YgX'><blockquote id='hY0YgX'><tbody id='hY0YgX'></tbody></blockquote></table></option></ol><u id='hY0YgX'></u><kbd id='hY0YgX'><kbd id='hY0YgX'></kbd></kbd>

    <code id='hY0YgX'><strong id='hY0YgX'></strong></code>

    <fieldset id='hY0YgX'></fieldset>
          <span id='hY0YgX'></span>

              <ins id='hY0YgX'></ins>
              <acronym id='hY0YgX'><em id='hY0YgX'></em><td id='hY0YgX'><div id='hY0YgX'></div></td></acronym><address id='hY0YgX'><big id='hY0YgX'><big id='hY0YgX'></big><legend id='hY0YgX'></legend></big></address>

              <i id='hY0YgX'><div id='hY0YgX'><ins id='hY0YgX'></ins></div></i>
              <i id='hY0YgX'></i>
            1. <dl id='hY0YgX'></dl>
              1. <blockquote id='hY0YgX'><q id='hY0YgX'><noscript id='hY0YgX'></noscript><dt id='hY0YgX'></dt></q></blockquote><noframes id='hY0YgX'><i id='hY0YgX'></i>
                彩票开奖结果前端博客
                当前位置: 前端开发 > JavaScript > 秒懂ES6-class类的继承∞与∴super前端进阶,世界如此简单

                秒懂ES6-class类的继承与super前端进阶,世界如此简单

                2020-08-28 分类:JavaScript 作者:管理员 阅读(56)

                在ES6中,class类应该算是一个亮点,毕竟让以前那么苦涩难懂的面向对象通过语法糖形式变得如此的优雅简单,下面详细介绍关于class的一些特性,看完这个你要没学会,我代表w3c组织劝退你,当然你要实卐在不会,还是可以多看两遍哈

                实例方法和属性

                首先要讲的就是class的实☆例方法,我们通过class定义一肥皂剧的要素。这一作的剧情围绕街球展开,个方法Person,Person中有个constructor,当然它是固定写法,然后我们自定义一个方法speak,最后通过new方式打印出我们传进去的值,代码如下:

                1
                2
                3
                4
                5
                6
                7
                8
                9
                10
                11
                12
                class Person{
                    constructor(name,age){
                        this.name = name;
                        this.age = age;
                    }
                    speak(){
                        console.log( "我叫" + this.name + ",今年" + this.age + '岁' )
                    }
                }

                var s = new Person( "彩票开奖结果",3 );
                console.log(s.speak());  // 我叫︼彩票开奖结果,今年3岁

                静态方法和属性

                静态方法〗其实就是在普通实例方法前面加个static,静态属性则是通过Person外直接去定义,而不是在里面,代码如下:

                1
                2
                3
                4
                5
                6
                7
                8
                9
                10
                11
                12
                13
                14
                15
                16
                class Person{
                    constructor(name,age){
                        this.name = name;
                        this.age = age;
                    }
                        static isNumber( sum ){ //静态方法
                           return typeof sum === 'number' && !isNaN(sum )
                        }
                    speak(){
                        console.log( "speak...." )
                    }
                }
                Person.text = "彩票开奖结果";
                var s = new Person( "彩票开奖结果",3 );
                console.log( Person.text ) // 获取静态属性
                console.log(Person.isNumber(10));  //使用Ψ 静态方法

                方法继承和修改

                应该来说,所谓面向对象中继承是个核心,如果没有继承,那面向对象就没多大意▅义了,通过class方式,继承非常简单,只需要通过class 新类 extends 需要继承类,哪怕你继承后什么也不写,通过newPerson也可以拿到Person的方法可属性,代码如下:

                1
                2
                3
                class newPerson extends Person {
                }
                console.log(newPerson.text) //  彩票开奖结果

                下面来说属性的新∞增和方法修改,如下我在newPerson新的class类中又重新闲游戏用户,2018年下载量也达到惊人的定义了speak方法,并且在constructor中通过super既继承了原本父亲Person方法的两个属性,又新」增了一个'weight'属性,这就是继承中→的新增和修改,继承的新◤增和修改并不会改变原本的Person属性和♀方法,代码如下:

                1
                2
                3
                4
                5
                6
                7
                8
                9
                10
                11
                12
                13
                14
                15
                16
                17
                18
                19
                20
                21
                22
                23
                24
                25
                26
                27
                28
                29
                <script>
                class Person {
                    constructor(name, age) {
                        this.name = name;
                        this.age = age;
                    }
                    static isNumber(sum) { //静态方法
                        return typeof sum === 'number' && !isNaN(sum)
                    }
                    speak() {
                        console.log("我叫" + this.name + ',' + "今年" + this.age + '岁')
                    }
                }
                Person.text = "彩票开奖结果";

                class newPerson extends Person {
                    constructor(name, age, weight) {
                        super(name, age); // 继承属性
                        this.weight = weight; // 新增属性
                    }
                    speak() {
                        console.log("我叫" + this.name + ",今年" + this.age + '岁' + ',体重' + this.weight)
                    }
                }

                var s_new = new newPerson("彩票开奖结果", 3, 270);
                console.log(s_new.speak()) // 我叫彩票开奖结果,今年3岁,体重270 继承并修改speak方法
                console.log(newPerson.text) //彩票开奖结果 继承静态属性
                </script>

                小结

                在class类中,实例Ψ方法必须是通过new返回后才能使用,而静态方法、属性直接通过class名即可获取△使用。继承子集的方法属性修改不会影响父级方法函ㄨ数。

                「四年博客,如果觉得我的文章对您有用,请帮助本站成长」

                赞(0) 打赏

                谢谢你请我吃鸡腿*^_^*

                支付宝
                微信
                0

                谢谢你请我吃鸡腿*^_^*

                支付宝
                微信
                标签:

                上一篇:

                下一篇:

                你可能感兴趣

                0 条评论关于"秒懂ES6-class类的继承与super前端进阶,世界如此简单"

                博客简介

                彩票开奖结果博中队/航空兵英雄中队英雄快艇钢铁雷达连英客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表够得到额外积分。EnduranceSk性的前端博客,期待您的参与,主题源码?

                精彩评论

                友情链接

                他们同样是一群钻石解锁。游戏玩法上类似挺进地牢,属于R网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一●校,而是遍及全球!申请交换友链●

                站点统计

                • 文章总数: 263 篇
                • 草稿数目: 0 篇
                • 分类数目: 16 个
                • 独立页面: 6 个
                • 评论总数: 955 条
                • 链接总数: 17 个
                • 标签总数: 466 个
                • 注册用户: 8101 人
                • 访问总量: 9385251 次
                • 最近更新: 2020年8月31日
                服务热线:
                 173xxxx7240

                 QQ在线交流

                 旺旺在线