代码之家 › 专栏 › 技术社区 › MMM

无法将obj实例化为文件并在其他文件中使用

quill singleton javascript

MMM · 技术社区 · 7 年前

我试图实现singleton模式,以便在一个文件中实例化一个对象,并在另一个文件中重用同一个实例。很明显,我没有理解一些基本的东西。有什么更好的理解方向吗?

let editorDiv = document.createElement('div');
editorDiv.setAttribute('id','editor');
document.body.appendChild(editorDiv);

//a.js
function singleton(){
  let _singleton;
  let quillOptions = { modules: { toolbar: true },
                  placeholder: 'Compose an epic...',
                  theme: 'snow'
                }  
  if (!_singleton) {
    _singleton = new Quill('#editor', quillOptions) 
  }
  
  return _singleton;
}

//b.js
//instantiate
let quill = singleton();

//c.js
//get instance in order to use api
let quillInstace = singleton(); 
//Ex: quillInstance.getText();

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

1 回复 | 直到 7 年前

guillaumepotier 7 年前

这里的问题是 _singleton 缓存变量的作用域在 singleton() 方法,这意味着每次调用它时,它都是空的。

您应该以不同的方式存储它:

//a.js
//this is now a global var for this file
let _singleton;

function singleton(){
  let quillOptions = { modules: { toolbar: true },
                  placeholder: 'Compose an epic...',
                  theme: 'snow'
                }  
  if (!_singleton) {
    _singleton = new Quill('#editor', quillOptions) 
  }

  return _singleton;
}

或者用那把 lodash memoize method 这就是你的工作=)

推荐文章

RomanGoltsov · Scala、Cassandra、Quill、Need impl logget批处理模式

3 年前

C LALHMANGAIHA · 颤振羽毛三角格式显示到小部件?

3 年前

MMM · 无法将obj实例化为文件并在其他文件中使用

7 年前

Brian Mains · 羽毛笔列表空白

7 年前

radjiv · 如何将css类添加到羽毛笔选择中?

7 年前

Amit Sawant · 无法访问Angular 2组件中addEventListener()中的“this”上下文

7 年前

Ramesh Rajendran · ReferenceError:单元测试时未定义Quill

7 年前

Dave Doga Oz · 不同的JS语法-如何将这些属性添加到变量?

7 年前

Tebogo Langa · 如何将增量转换为输入的字符串

8 年前

dcashman · 页面加载时羽毛笔编辑器内的格式化文本

8 年前