- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一些服务被我的应用程序中的许多类使用。例如,这可能是一个 LoggerService
,它将消息记录到内部存储并将其打印到控制台。
该服务可能如下所示:
export class LoggerService {
let _logs = [];
addLog(msg) {
this._logs.push(msg);
console.log(this._logs.length + ': ' + msg);
}
}
我猜 Aurelia 中通常的方法是使用此类进行依赖注入(inject),它工作得很好,因为它默认使用单例。示例用法如下所示:
import {autoinject, Aurelia} from 'aurelia-framework';
import {LoggerService} from 'LoggerService';
@autoinject
export class SomeViewModel {
let _loggerService;
constructor(loggerService) {
this._loggerService = loggerService
}
somethingChanged() {
this._loggerService.addLog('Something changed...');
}
}
基本上这种方法工作得很好,但在更大的范围内感觉有点“笨拙”,我希望它可以被简化:
MyNamespace.LoggerService.addLog('blahblah');
等代码。我如何与 Aurelia 一起实现这一目标?是否有更直接的方法可以让我从命令行获得更好的调试体验?
最佳答案
诚实的回答?如果您遵循 ES6 模块化代码约定,则不然。如果需要,您将始终导入模块。您可以做一些事情,我将在这个答案中详细介绍。
如果您不想,实际上并不需要使用 Aurelia 的依赖注入(inject)。但是,这意味着您必须自己处理对象的生命周期。因为您的对象是一个类,所以在导入它时必须对其调用“new”。但是,您可以以不同的方式编写日志记录模块,并且可以导出函数,而不是导出类,如下所示:
let _logs = [];
export var LoggerService = {
addLog: function (msg) {
_logs.push(msg);
console.log(_logs.length + ': ' + msg);
}
}
这样,您所要做的就是导入 LoggerService 并在 Aurelia View 中调用 LoggerService.addLog
,而无需注入(inject)它。这是一种比类实例化方法更实用的方法,效果非常好。
import {LoggerService} from 'LoggerService';
export class SomeViewModel {
constructor() {
}
somethingChanged() {
LoggerService.addLog('Something changed...');
}
}
您可以做的另一件事(我不推荐这样做)就是将其设置为窗口变量。这意味着您不必导入模块。但这违反了模块原则,而且事情很快就会变得困惑。模块的存在是有原因的,尽管 import 语句确实增加了代码行,但其好处值得额外的空间。
对于您的用例,我将使用上面基于函数的方法,并且我会在某处检查“开发”标志,以便您可以公开窗口对象上的属性,以便您可以通过控制台访问它们。 (您不希望在生产环境中使用它,因为人们很容易搞乱您的应用程序。)类似于
if (developmentFlag) { window.loggerService = LoggerService; }
在我们能够在控制台 REPL 中运行 import
语句之前,这可能是最好的方法。
关于aurelia - 如何最好地使用 Aurelia 的全局服务类别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42005275/
我是一名优秀的程序员,十分优秀!