ES6-class类

概述:

在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。

class 的本质是 function。

它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法。

使用类

     class Father {
        //static表示静态属性或方法
        static name="小王"
        static change(){
           return "我是静态方法"
        }
        //constructor 方法是类的默认方法,创建类的实例化对象时被调用。
        constructor(x, y) {
          this.x = x;
          this.y = y;
        }
        //原型方法
        sum() {
          return this.x + this.y;
        }
      }
      var son=new Father(1,2)
      console.log(typeof Father)//function    ES6的类,完全可以看作构造函数的另一种写法。
      console.log(son.sum())//3
      console.log(son.__proto__==Father.prototype)//true
      Father()//报错,类必须使用new调用,否则会报错
      var a=Father()//报错,类必须使用new调用,否则会报错
      console.log(son.name)//undefined
      console.log(son.change())//报错,son.change is not a function
      console.log(Father.name)//小王
      console.log(Father.change())//我是静态方法

取值函数(getter)和存值函数(setter):

     class Father {
        get num() {
          console.log("num被读取了")
          return "2" //返回值就是num的值
        }
        set num(value){
            console.log("num被修改了改成了"+value)
        }
      }
      var son=new Father()
      console.log(son.num)//num被读取了 2 
      son.num=1 //num被修改了改成了1

class继承:

      class Father {
        constructor(name,age){
            this.name=name
            this.age=age
        }
        call(){
            return "打电话"
        }
      }
      //子类继承父类——语法:class 子类 extends 父类
      class Son extends Father{
        constructor(name,age,height){
            //super在子类的构造方法中调用父类的构造方法
            super(name,age)     //this操作必须放在super后面
            this.height=height
        }
        play(){
            console.log("玩游戏")
        }
      }
      var son= new Son("小王",16,180)
      console.log(son.name)//小王
      console.log(son.call())//打电话
      console.log(son.height)//180

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小马

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值