javascript ES6设计的类应该创建一次并重用

ljsrvy3e 于 2022-12-28 发布在 Java

关注(0)|答案(1)|浏览(138)

以网站标题的ES6类为例：

// ./Header.js
export default class Header {
  constructor() {
    console.log('Header is constructing');
    this.root = document.querySelector('header');
    this.show = this.show.bind(this);
    this.hide = this.hide.bind(this);
    // Other stuff
  }

  // Other methods for account and interactive menus
  hide() {
    this.root.classList.add('hide');
  }

  show() {
    this.root.classList.add('show');
  }
}

再举个例子，其他类会从头文件调用方法：
x一个一个一个一个x一个一个二个x
每次使用new Header时都会构造Header，假设我们希望Header既是一个对象又是一个可导出对象：如何设计代码以使报头仅构造一次？

JavaScript

来源：https://stackoverflow.com/questions/74932777/es6-design-for-a-class-that-should-be-created-once-and-reused

1条答案

按热度按时间

tpgth1q71#

通过导出初始化的标头：

class Header {
  constructor() {
    console.log('Header is constructing');
    this.root = document.querySelector('header');
    this.show = this.show.bind(this);
    this.hide = this.hide.bind(this);
    // Other stuff
  }

  // Other methods for account and interactive menus
  hide() {
    this.root.classList.add('hide');
  }

  show() {
    this.root.classList.add('show');
  }
}

export default new Header()

现在可以在其他文件中重复使用它。

赞(0）回复(0）举报 2022-12-28

我来回答

javascript ES6设计的类应该创建一次并重用

1条答案

相关问题

热门标签

最新问答