javascriptをtypescriptで使用する方法

Question

私は、ui.jsというjavascriptファイルを持っています。

Inside UI設定コードです。

if (!("ontouchstart" in document.documentElement)) { 

    document.documentElement.className += " no-touch"; 

    var jScrollOptions = { 
     autoReinitialise: true, 
     autoReinitialiseDelay: 100 
    }; 

    $('.box-typical-body').jScrollPane(jScrollOptions); 
    $('.side-menu').jScrollPane(jScrollOptions); 
    $('.scrollable-block').jScrollPane(jScrollOptions); 
} 

}

私はtypescriptですから、これを呼び出すことができるようにしたいと思います。

コードをtypescriptに変換する必要はありません。何百もの行があるため、実際には必要ありません。 UIの準備が整った後は、1回だけ必要です。

私は関数にラップし、typescriptからその関数を呼び出すことができるはずです。

しかし、私はそれを行う方法を理解することができませんでした。

注：以前の質問と同じように、jsを変換する方法ではなく、可能な限り少しでも変更を直接使用しないでください。

Answer 1

しかし、私はそれを行う方法を理解することができませんでした。

は、単にあなたのtsconfig.json compilerOptionsにtrueにallowJsを設定し、.jsファイルはが、私は上のビデオをしたfiles/include/excludeなど

もっと

を使用してが含まれていることを確認してください件名も同様https://www.youtube.com/watch?v=gmKXXI_ck7w

Answer 2

JavaScript関数を外部ファイルから呼び出すことができます心配はありません。しかし、それらを宣言してTypeScriptがそれらについて知っている必要があります。あなたがしなければ、あなたのコードは動作しますが、コンパイル中にエラーが発生します。

匿名で型付けされたVAR使用することができます

：

declare var myFunction;

または式インタフェース型付けされたVAR：

interface __myFunction { } declare var myFunction: __myFunction;

ます。また、宣言ファイルにこれを書く（が、そのことを必須ではありません）。 TypeScript documentationも参照してください。