JS ES6类和继承

一只金牛座的崽

已于 2023-04-17 20:27:17 修改

阅读量171

点赞数

分类专栏： Js 文章标签：前端 javascript vue.js

于 2022-03-04 11:32:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43456275/article/details/123273108

版权

Js 专栏收录该内容

25 篇文章

订阅专栏

这篇博客深入探讨了JavaScript中的类和继承概念。文章通过`Person`和`Student`类的例子展示了静态属性、私有属性、静态方法和私有方法的用法。强调了静态属性和静态方法无法在实例中直接访问，而私有属性和私有方法只能在类内部使用。此外，还展示了如何通过`extend`关键字进行类的继承，并通过`Student`类的`study`和`eat`方法说明了方法的继承和覆盖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class Person  {
  // 静态属性
  static age = 18;
  // 私有属性
  #count = 0;
  constructor(name,food) {
    this.name = name
    this.food = food
  }
  // 静态方法
  static say(){
        console.log('say');
  }
  // 私有方法
  #playGanme() {
        console.log('Animal-playGanme');
    }
  eat() {
    console.log('吃'+this.food );
  }
}

class Student extends Person{
  constructor(name,age,food) {
    super(name,food)
    this.age = age
  }

  study() {
    console.log(this.name+this.age+'学习', );
  }
}
let st = new Student('我',12,'苹果')
st.study()
st.eat()
//静态属性和静态方法 实例获取不到，子类可以继承
st.age  undefined
st.say() //报错
//私有属性和私有方法 只能在自己的类里使用