ES6 class类

       前言

      什么是类:在ES6中新增加了类的概念,可以使用class关键字声明一个类,之后以这个类来实例化对象。类抽象了对象的公共部分,它泛指,某一大类( class )对象特指某一个,通过类实例化一个具体的对象,表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然, 是原型和构造函数的概念。所以他也是构造函数的——语法糖。

一、类定义

1. 匿名类

            let Example = class {};

            //2.命名类

            let Example = class Example {};

            //3.类声明

            class Example {}

            //不可以重复声明一样的名字
       // class Star1 {}
      // var star1 = new Star1(); 

 二、类不会被提升

class Example {}
       let wq = new Example();
       let star = new Start();
       function Start(uname, age) {
         this.uname = uname;
         this.age = age;
       }

      //跟构造函数作比较
        let star = new Star();
        function Star() {}

三、创建类和添加方法

 class Sxample {
              constructor(uname, age) {
                this.uname = uname;
                this.age = age;
              }
              show(money) {
                console.log(this.uname + money);
              }
              artistic(talent) {
                console.log(this.uname + talent);
              }
            }
            var example1 = new Sxample("老王", 18);
            var example2 = new Sxample("王老板", 28);
            // console.log(example1.uname, example1.age);
            // console.log(example2.uname, example2.age);
            example1.show("很有钱");
            example2.artistic("很有钱"); 

使用super时要注意几个问题

1.super()只能在子类构造函数和静态方法内使用

2.不能单独引用super()关键字,要么用它调用构造函数,要么用它引用静态方法  

 3.调用super()会调用父类构造函数,并将返回实例赋值给this

4.super()的行为如同调用构造函数,如果需要给父类构造函数传参,则需要手动传入

 5.如果没有定义类构造函数,在实例化派生类时会调用super(),而且会传入所有传给子类的参数

6.在类构造函数中,不能调用super()之前引用this  **

 7.如果在子类中显示定义了构造函数,则要么必须在在其中调用super(),要么必须在其中返回一个对象

 知识要点:

1. 如果在基础父类的情况下还下下面的语句,这son传的参数给了子类的 x和y的值,而父类却没有,如果想把子类的x和y传给父类的话则需要使用到super关键字了。

2.super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数

3. 继承中的属性或者方法查找原则:就近原则: (1).继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的。  (2)继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就进原则)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值