Skip to content

class extends constructor static super get/set

javascript
{
  // 基本定义和生成实例
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
  }
  let v_parent = new Parent('v')
  console.log('构造函数和实例', v_parent) // 构造函数和实例 Parent { name: 'v' }
}

{
  // 继承
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
  }
  class Child extends Parent {}
  console.log('继承', new Child()) // 继承 Child { name: 'wcd' }
}

{
  // 继承传递参数
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
  }
  class Child extends Parent {
    constructor(name = 'child') {
      super(name)
      this.type = 'child'
    }
  }
  console.log('继承传递参数', new Child('hello')) // 继承传递参数 Child { name: 'hello', type: 'child' }
}

{
  // getter, setter
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
    // 这里是属性,不是方法
    get longName() {
      return 'yx' + this.name
    }
    set longName(value) {
      this.name = value
    }
  }
  let v = new Parent()
  console.log('getter', v.longName) // getter yxwcd
  v.longName = 'hello'
  console.log('setter', v.longName) // setter yxhello
}

{
  // 静态方法,不能在类的实例上调用静态方法,而应该通过类本身调用
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
    static tell() {
      console.log('tell') // tell
    }
  }
  Parent.tell()
}

{
  // 静态属性
  class Parent {
    constructor(name = 'wcd') {
      this.name = name
    }
    static tell() {
      console.log('tell')
    }
  }
  Parent.type = 'test'
  console.log('静态属性', Parent.type) // 静态属性 test
}

Layout Switch

Adjust the layout style of VitePress to adapt to different reading needs and screens.

Expand all
The sidebar and content area occupy the entire width of the screen.
Expand sidebar with adjustable values
Expand sidebar width and add a new slider for user to choose and customize their desired width of the maximum width of sidebar can go, but the content area width will remain the same.
Expand all with adjustable values
Expand sidebar width and add a new slider for user to choose and customize their desired width of the maximum width of sidebar can go, but the content area width will remain the same.
Original width
The original layout width of VitePress

Page Layout Max Width

Adjust the exact value of the page width of VitePress layout to adapt to different reading needs and screens.

Adjust the maximum width of the page layout
A ranged slider for user to choose and customize their desired width of the maximum width of the page layout can go.

Content Layout Max Width

Adjust the exact value of the document content width of VitePress layout to adapt to different reading needs and screens.

Adjust the maximum width of the content layout
A ranged slider for user to choose and customize their desired width of the maximum width of the content layout can go.

Spotlight

Highlight the line where the mouse is currently hovering in the content to optimize for users who may have reading and focusing difficulties.

ONOn
Turn on Spotlight.
OFFOff
Turn off Spotlight.