解决打字稿错误的最佳方法 - 类型上不存在属性

Question

我有几种不同的情况，我试图在 typescript 中的数组或对象上定义自制属性，但通常会出现错误：

“对象类型（或数组类型）上不存在属性 x”

例如，我在 Angular 中使用 typescript，并根据 Angular 类型定义文件定义了范围：

scope:ng.IScope

但是当我尝试通过执行以下操作在范围上创建新属性时：

scope.anotherProperty = "string";

我收到上述错误。我知道我可以通过执行以下操作之一来解决它：

scope["anotherProperty"] = "string";

或

(<any>scope).anotherProperty = "string;

另一个例子是当我的 d3 图表中有这样的东西时：

function panZoomNode (node:any) {
            for (var i = 0; i < renderedNodes.length; i++) {
                if (node.id === renderedNodes[i].id) {

                    }
                }
        }

理想情况下，我想将 (node:any) 参数更改为：

(node:Object)

但是当我这样做时，我收到一条错误消息，提示“对象类型上不存在属性 ID”。我知道我可以用上面提到的解决方案来纠正它，但这对我来说似乎有点草率。有没有更好的方法或最好的打字稿方法让它们对数组和对象都正确运行？

谢谢

Answer 1

您可以通过将以下内容添加到您的代码中，将额外的属性添加到ng.IScope 接口：

interface ng.IScope {
    anotherProperty?:string;
}

这将允许您调用

scope.anotherProperty = "string";

在没有看到您的其余代码并且不知道 node 实际代表什么的情况下，我只能说，为了让编译器满意，您只需在 TS 代码中包含您引用的成员。如果你做得正确，那么创建一个包含所有成员的类。如果它派生自现有类或实现现有接口，那么您应该从类定义中的那些继承。

编辑：如果您还没有，您应该查看 D3 定义的 distinctlyTyped GitHub 存储库。假设 node 是 D3 类型，您可以使用它来解决您的问题并避免编写自己的类。