js class理解

类出现让js更好的面向对象开发能更加语义化的实现类的继承

实际上:底层依旧是通过原型和原型链实现继承

类的基本使用(类不会变量提升)

  class Person{
    constructor(name){
      this.name = name
    }
  }
  let p1 = new Person('小明')

类的继承

  class child extends Person{
     constructor(name){
      super(name)
    }
  }

类的静态方法、属性(只能由类本身调,构造函数无法调,能继承)

  class Person{
      static age = 18
      constructor(name){
        this.name = name
      }
      static run(){
        console.log('这是静态方法只有类能调')
      }
  }
  let p1 = new Person('小明')
  p1.age//读取不到

类的私有方法、变量(只能类内部调用)

 class Person{
      #friend = '小红' 
      constructor(name){
        this.name = name
      }
      #play(){
        console.log('这是类的私有方法',this.#friend)
      }
      use(){
        this.#play()
      }
 }
 let p1 = new Person('小明')
 p1.#friend//报错
 p1.#play//报错
 p1.use()//这是类的私有方法,小红
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • class的基本用法 概述 JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子: ...
    呼呼哥阅读 4,138评论 3 11
  • 简介 类的由来 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。 上面这种写法...
    IT杨阅读 846评论 0 2
  • Class 的基本语法 简介 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。...
    huilegezai阅读 548评论 0 0
  • 仅为方便个人查询使用来源:http://es6.ruanyifeng.com/#docs/class 简介 类的由...
    zqyadam阅读 168评论 0 0
  • 简介 类的由来 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。 上面这种写法...
    硅谷干货阅读 296评论 0 0