打字稿內參考JavaScript文件

Question

我想在打字稿文件中使用JavaScript函數。我怎樣才能引用包含打字稿文件內的那個函數的JavaScript文件？

我試圖

<reference path="../libs/myjsfile.js" /> 

此同時建立類似帶來了一個錯誤：Cannot resolve referenced file: ../libs/myjsfile.js

Answer 1

你只需要告訴該方法存在外打字稿編譯：

declare function myJavaScriptFunction(param1: number, param2: JQuery): void; 

確保該網站加載所有需要的文件，正常的js文件和打字稿編譯器生成的js文件

Answer 2

同時建立這樣帶來了一個錯誤：無法解析引用的文件：../libs/myjsfile.js

參考文件標籤是打字稿不是JavaScript的。您可以在頁面中使用腳本標記加載JavaScript（或類似requirejs）。

要使用TypeScript中的JavaScript，您需要聲明您希望用於TypeScript使用的JavaScript的API（如AKR指出的那樣）。

Answer 3

雖然上述兩個答案適用於小型或單個變量API，但正確的答案是爲您的JavaScript文件編寫一個類型聲明文件。

您的示例中的類型聲明文件將被命名爲myjsfile.d.ts，其中.d.ts後綴就是告訴編譯器打字稿，它的解析聲明文件。如果您使用Visual Studio，只要它在您正在處理的項目中的某處（任何地方），您的聲明文件就會被TypeScript編譯器識別。

聲明文件存儲有關JavaScript變量，函數和對象的元數據，以便TypeScript編譯器可以完成其工作。如果您的JavaScript文件碰巧是常用的庫或框架，那麼DefinitelyTyped絕對是您找到您需要的定義文件的地方。

如果您的JavaScript是您自己的工作或不太知名，您將不得不編寫自己的類型聲明文件。請參閱在The TypeScript Handbook中寫入.d.ts文件。

如果名稱聲明文件聽起來令人生畏，請不要擔心 - 它們比編程要容易得多。另外，請記住，您不需要爲JavaScript文件指定所有元數據，只需指定所需的功能即可。

讓我知道你是否需要任何幫助！

Answer 4

可以在TypeScript Handbook on GitHub看到最新版本的打字稿documenttion的：

• Working with Other JavaScript Libraries
• Writing Definition Files

而且我recomending你tsd實用工具來搜索並直接安裝打字稿定義文件來自社區驅動的DefinitelyTyped存儲庫。此存儲庫包含最流行的JavaScript庫的定義文件* .d.ts。