'new'表达式,其目标在TypeScript中缺少构造签名

Question

我们有以下TestComponent.tsTypeScript类:

01: import TestVectorLayer from './TestVectorLayer'
02: 
03: export class TestComponent implements OnInit {
04:   private foo: any;
05: 
06:   constructor() { }
07: 
08:   const layer = new TestVectorLayer("foo");
09: }

并具有以下TestVectorLayer.ts功能:

请记住,OpenLayer 3正在使用Google Closure库,这就是为什么TestVectorLayer它不是TypeScript类.

01: declare let ol: any;
02:
03: const TestVectorLayer = function (layerName: string) {
04:   ...
05:   console.log(layerName);
06:
07:   ol.layer.Image.call(this, opts);
08: }
09:
10: ol.inherits(TestVectorLayer as any, ol.layer.Image as any);
11:
12: export default TestVectorLayer; 

我们收到以下错误:

Error on Line 08 in TestComponent.ts class:

[ts]'new'表达式,其目标缺少构造签名,隐式具有"any"类型.导入TestVectorLayer

package.jsonTypeScript 的版本:

devDependencies:

"typescript": "~2.2.1"

Answer 1

这是问题的简化:

const TestVectorLayer = function(layerName: string) {
};

const layer = new TestVectorLayer("");

发生错误是因为TestVectorLayer没有新签名,因此layer隐式输入any.那个错误--noImplicitAny.

您可以通过切换到类来解决这个问题,但在您的情况下,这看起来有点复杂,因为继承是由底层框架完成的.因此,你将不得不做一些更复杂的事情,这并不理想:

interface TestVectorLayer {
  // members of your "class" go here
}

const TestVectorLayer = function (this: TestVectorLayer, layerName: string) {
  // ...
  console.log(layerName);
  ol.layer.Image.call(this, opts);
} as any as { new (layerName: string): TestVectorLayer; };

ol.inherits(TestVectorLayer, ol.layer.Image);

export default TestVectorLayer; 

然后在文件中TestComponent:

const layer = new TestVectorLayer(layerName); // no more compile error

Answer 2

David的回答很好，但是如果您只关心快速进行编译（例如，因为您正在从JS迁移到TS），那么您可以简单地放在any那里以关闭抱怨的编译器。

TS文件：

const TestConstructorFunction = function (this: any, a: any, b: any) {
    this.a = a;
    this.b = b;
};

let test1 = new (TestConstructorFunction as any)(1, 2);

编译为此JS文件：

var TestConstructor = function (a, b) {
    this.a = a;
    this.b = b;
};
var test1 = new TestConstructor(1, 2);

请注意不要犯以下错误：

TS文件：

// wrong!
let test2 = new (TestConstructorFunction(1, 2) as any);

JS结果：

// wrong!
var test2 = new (TestConstructor(1, 2));

这是错误的。您将TypeError: TestConstructor(...) is not a constructor在运行时出错。