类和对象

 <script>
        //1.创建class类
        class Star{
            constructor(uname,age){
                this.uname = uname;
                this.age = age;
            }
            sing(song){
                console.log(this.uname + song);
            }
            money(){
                console.log(this.x + this.y);
            }
        }
        class Son extends Star{  //子类继承父类的方法
            constructor(x,y){
                super();  //调用父类中的构造函数
            }
        }
        var son = new Son(1,3);
        son.money();
        //继承中,如果实例化子类输出一个方法,先看子类中有没有这个方法,如果有就先执行子类的

        //2.利用类创建对象new
        var xm = new Star('小明',15);
        var xh = new Star('小红',15);
        console.log(xm);
        console.log(xh);
        xm.sing('bbb');
        xh.sing('aaa');

        //通过class关键字创建类,类名习惯性定义大写
        //类里面有个constructor函数,可以接受参数,同时返回实例对象
        //constructor函数只要new生成实例时,就会自动调用这个函数
        //生成实例new不可以省略
    </script>

    <script>
        class Father{
            constructor(x, y){
                this.x = x;
                this.y = y;
            }
            sum(){
                console.log(this.x + this.y);
            }
        }
       class Sen extends Father{
           constructor(x, y){
               super(x, y);  //子类使用super调用父类构造函数必须放到this前面
               this.x = x;
               this.y = y;
              
           }
           subtract(){
               console.log(this.x - this.y);
           }
       }
       var son = new Sen(5,3);
       son.subtract();
       son.sum();

       //在ES6中类没有变量提升,所以必须先定义,才能通过类实例化对象
       //类里面的公有方法和属性一定要加this使用
       //insertAdjacentHTML('beforeend', li);   ===appnedChild
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值