ES6中的类

  class Start {
            construcotr(uname) {
                this.uname = uname;
            }
        }
        var lii = new Start('lii');

通过Class创建类。类名习惯性首字母大写

类里有一个constructor函数可以,通过这个函数接受传过来的参数,同时返回实例对象。

constructor函数只要new生成实例就会自动调用这个函数,如果我们自己不写 ,类也会自动生成这个函数。

生成的实例new不能省略

最后要注意语法规范,创建类,类后面不要加小括号,生成实例类后面要加小括号,传递参数。

继承(super关键字用于访问和调用父类上的函数,可以调用父类的构造函数,也可以调用父类的普通函数)

 class Start {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }
            //类里面方法
            sum() {
                console.log(this.x + this.y)
            }
        }

        //继承
        class Son extends Start {
            //调用父类的构造函数
            constructor(x, y) {
                super(x, y)
            }
        };
        var son = new Son(1, 2);
        son.sum();

继承中,如果实例化子类的一个方法,先看子类中有没有,有就调用,没有就去看其父类有没有,有则调用。

 class Father {
            say() {
                return '我是爸爸';
            }
        }
        class Son extends Father {
            say() {
                //super.say() ;调用父类中的普通函数
                console.log(super.say() + '的儿子');
            }
        }
        var son = new Son();
        son.say();
  class Start {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }
            //类里面方法
            sum() {
                console.log(this.x + this.y)
            }
        }

        //继承
        class Son extends Start {
            constructor(x, y) {
                //利用super调用父类函数的构造函数
                //super必须子啊子类this之前调用
                super(x, y);
                this.x = x;
                this.y = y;

            }
            //子类自己的函数方法
            substract() {
                console.log(this.x - this.y);
            }
        };
        var son = new Son(2,1);
        son.sum();//输出1

在ES6中类没有变量提升,必须先定义类,才能通过类去实例化对象

类里的共有的属性和方法必须用this使用.

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值