美文网首页
js class理解

js class理解

作者: 姜酱i | 来源:发表于2022-04-23 15:56 被阅读0次

类出现让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()//这是类的私有方法,小红

相关文章

  • js class理解

    类出现让js更好的面向对象开发能更加语义化的实现类的继承 实际上:底层依旧是通过原型和原型链实现继承 类的基本使用...

  • class extends语法糖的实质

    class的使用 通过class创建类(实质是函数) 分析 对js原型链熟悉的人应该能很快理解(ps: js:原型...

  • Javascript 继承机制

    一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Class extendshttps:/...

  • JSX

    index.js class组件 Hello.js

  • Javascript prototype

    js编程半年,起初没有用OOP的方式(一是因为js的class理解起来有点困难,二是觉得当前业务没有那么复杂,无需...

  • js class

    es6中的类是一种语法糖,类似于面向对象语言中的类,没有访问修饰符 类的定义: 语法:class 类名 { } ...

  • JS Class

    JavaScript 语言中,生成实例对象的传统方法是通过构造函数 JavaScript语言中,生成实例对象的传统...

  • vue:样式绑定

    Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性,用于设置元...

  • vue.js学习笔记四

    Vue.js 样式绑定Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素...

  • JS操作属性、JS换肤、JS操作style属性、JS操作clas

    JS操作属性: JS换肤: JS操作style属性: JS操作class: JS中括号操作属性: JS函数: JS...

网友评论

      本文标题:js class理解

      本文链接:https://www.haomeiwen.com/subject/ycpaertx.html