Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在基类中实现ES6 javascript单例函数_Javascript_Singleton_Es6 Class - Fatal编程技术网

如何在基类中实现ES6 javascript单例函数

如何在基类中实现ES6 javascript单例函数,javascript,singleton,es6-class,Javascript,Singleton,Es6 Class,我想在基类中将css动态加载到HTML中。这是一个示例: export class base { constructor(divId) { } loadCss_SingletonFunc(cssText) { // load css into html page. But how to make sure it loads once. } } export class Hello extends base { constructor(divId) {

我想在基类中将css动态加载到HTML中。这是一个示例:

export class base {
  constructor(divId) {

  }

  loadCss_SingletonFunc(cssText) {
    // load css into html page. But how to make sure it loads once.
  }
}

export class Hello extends base {
  constructor(divId) {

    const css1 = 'bla bla 1';
    const css2 = 'bla bla 2';

    super(divId);

    this.loadCss_SingletonFunc(css1);
    this.loadCss_SingletonFunc(css2);

  }
}

let a = new Hello('div1');

// Don't load same css 2 times in a page!!!
let b = new Hello('div2');

如何确保两个对象只将相同的css加载到HTML中一次?

检查css是否已经存在,如果没有,则加载它。如何检查已加载的css?可能的单例方法?检查CSS是否已经存在,如果没有,加载它。如何检查已经加载的CSS?单例方法可能吗?