自定义 compileService 用于缓存链接功能

Question

我正在使用AngularJS 和TypeScript，并且我正在尝试创建自己的编译服务，该服务将具有缓存机制。

现在我的服务很简单： 它输入一个 html 字符串，创建一个哈希键，检查它是否存在于缓存中。 如果存在，则返回缓存的链接函数，否则创建链接函数，缓存并返回。

看起来像这样：

// found this on the internet..
private createHashKey(html: string): number {
    var hash = 0, i, chr, len;
    if (html.length == 0) return hash;
    for (i = 0, len = html.length; i < len; i++) {
        chr = html.charCodeAt(i);
        hash = ((hash << 5) - hash) + chr;
        hash |= 0; // Convert to 32bit integer
    }

    return hash;
}

public compile(html: string): ng.ITemplateLinkingFunction {
    var key = this.createHashKey(html);

    if (!this.compiledCache.containsKey(key)) {
        this.compiledCache.setValue(key, this.$compile(html));
    }

    return this.compiledCache.getValue(key);
}

现在我一直用compileService.compile(html)替换我所有的$compile(html)调用，直到我得到一个不将字符串作为输入参数传递，而是传递JQuery对象的调用。

我查看了angular.d.ts 文件并发现了这个：

interface ICompileService {
    (element: string, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
    (element: Element, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
    (element: JQuery, transclude?: ITranscludeFunction, maxPriority?: number): ITemplateLinkingFunction;
}

垃圾！！！！！

所以现在我需要支持三个compile 重载。 现在，由于从 JQuery 对象创建哈希键与 string 不同，我不能提供这样的“虚拟重载”：

public compile(element: JQuery);
public compile(element: Element);
public compile(element: string);
public compile(html: any): ng.ITemplateLinkingFunction {
    var key = this.createHashKey(html); // this will not work with JQuery objects

    if (!this.compiledCache.containsKey(key)) {
        this.compiledCache.setValue(key, this.$compile(html));
    }

    return this.compiledCache.getValue(key);
}

所以我有两个问题：

1. 有什么方法可以将compile 函数名保留在多个实现中？我想答案是否定的，因为我了解Typescript 的工作原理，但也许这里有一个解决方法。我不想创建像 compileJQuery 和 compileHtml 这样的方法名称。

2. 我需要想出一种优雅的方法来散列 JQuery 和 Element 对象作为我的键，并使其非常高效。

任何额外的提示也会很棒。

Answer 1

你可以用 var key = this.createHashKey(html); 代替：

var strVal = html;
if(html instanceof jQuery) strVal = html.html();

var key = this.createHashKey(strVal);