如何使用外部非打字稿库从打字稿没有。d.ts?

Question

我已经在我的.html文件中定义了这些：

<script type="text/javascript" src="bower_components/tree.js/tree.min.js"></script>
<script type="text/javascript" src="bower_components/q/q.js"></script>
<script type="text/javascript" src="test.js"></script>

然后在test.js：

 var myTree = Tree.tree({})

但Typescript错误地指出：“找不到名称‘树’”

我也尝试编译与-模块amd和放置导入树=要求（模型/树）；在test.js文件的顶部，但它再次出错：找不到外部模块'模型/树'。

我不想为我想使用的每个外部javascript文件编写. d.ts文件，这真的是Typescript想要我做的吗？




Answer 1

您可以自己定义“require”并使用TypeScript的未记录和依赖特性：

/// <amd-dependency path="model/tree" />
declare var require:(moduleId:string) => any;
var Tree = require("model/tree");

“amd-dependency”指令将告诉编译器在生成的代码中包含您的模块来“定义”参数:参见这里的示例。

您还可以查看一篇非常好的文章，该文章解释了如何将TypeScript与

但请注意，如果没有为现有代码编写正确的TypeScript定义，您将无法获得任何类型信息，因此您将无法在工具中进行类型安全检查、高级代码完成等。因此，您的“树”实际上是“any”类型，实际上是其他TS代码中的动态JS片段。

Answer 2

我不想为我想使用的每个外部javascript文件编写. d.ts文件，这真的是Typescript想要我做的吗？

不。最简单/最快的解决方案就是告诉它有一些变量Tree。这很简单：

declare var Tree:any; // Magic
var myTree = Tree.tree({})

TypeSafety是TypeScript中的滑动刻度。在这种情况下，您只是告诉编译器，有一个名为Tree的东西，您将管理它，除了它存在的事实之外，您不关心太多类型安全性。

恕我直言：声明 var Tree：any; 这一行的语法比其他 JS veficiation 工具要简单得多，它会让你编写来声明你对代码中不存在的变量的使用。

interface ITree {
    .. further methods and properties...
}

interface ITreeFactory {
    tree(input: { [key: string]: any }): Itree
};

declare var Tree: ITreeFactory; // magic...