首页 > 其他 > 详细

es6中的面向对象写法

时间:2019-02-23 16:55:10      阅读:183      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <script>
        //创建Person类
        class Person {
            //构造函数
            constructor(name,age){
                this.name = name;
                this.age = age;
            }
            //方法
            say(){
                alert(this.name)
            }
        }

        //创建Worker类 继承自 Person类
        class Worker extends Person {
            //Worker类的构造函数
            constructor(name,age,work){
                //继承Person类中的属性
                super(name,age);
                this.work = work;
            }
            //方法
            sayWork(){
                alert(this.work)
            }
        }

        //生成实例
        let w = new Worker(李三,18,搬砖);
        
        //调用方法
        w.say();
        w.sayWork();
    </script>
</body>
</html>

 

es6中的面向对象写法

原文:https://www.cnblogs.com/javascripter/p/10422972.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!