Es6中的class(学者说)

class的使用

ES6中引入了class(类)这个概念,通过class关键字可以定义类。该关键字的出现使得javascript在对象写法上更加清晰,更像是一种面向对象的语言

  class Student {
    
    
    constructor(name, number) {
    
    
      this.name = name
      this.number = number
    }
    sayHi() {
    
    
      console.log(`姓名${
    
    this.name},学号${
    
    this.number}`)
    }
  }
  // 通过类声明实例
  const laodeng = new Student("老邓", 111)
  console.log(laodeng.name)
  console.log(laodeng.number)
  laodeng.sayHi()

  const xiaoma = new Student("小马", 112)
  console.log(xiaoma.name)
  console.log(xiaoma.number)
  xiaoma.sayHi()

calss继承的基本使用

// 继承   extends   super

  // 父类
  class People {
    
    
    constructor(name) {
    
    
      this.name = name
    }
    eat() {
    
    
      console.log(`${
    
    this.name} eat something`)
    }
  }

  // 子类
  class Student extends People {
    
    
    constructor(name, number) {
    
    
      super(name)
      this.number = number
    }
    sayHi() {
    
    
      console.log(`姓名${
    
    this.name},学号${
    
    this.number}`)
    }
  }

  // 子类
  class Teacher extends People {
    
    
    constructor(name, major) {
    
    
      super(name)
      this.major = major
    }
    teach() {
    
    
      console.log(`${
    
    this.name}教授${
    
    this.major}`)
    }
  }
  // 实例
  const laodeng = new Student("老邓", 111)
  console.log(laodeng.name)
  console.log(laodeng.number)
  laodeng.sayHi()
  laodeng.eat()
  // 实例
  const tian = new Teacher("田老师", "前端开发")
  console.log(tian.name)
  console.log(tian.major)
  tian.teach()
  laodeng.eat()


猜你喜欢

转载自blog.csdn.net/SSansui/article/details/111829769