CDNからのTypescriptインポート.js

Question

私の.tsファイルでは、.js（サードパーティが主催）を参照し、.jsファイルの一部の関数を使用したいと考えています。今のところ私がこれを行う方法を見つけた唯一の方法は、.htmlページを変更し、.ts自体からタグを挿入することです。 .htmlページを変更することとは別にこれを行う他のよりエレガントな方法はありますか？

Answer 1

実行時に、ページが読み込まれるときに使用できるいくつかのグローバル変数を参照しようとしているようです。これらの変数を参照したいときに、呼び出される内容が分かっている場合は、定義ファイルを作成して.tsファイルで参照することができます。あなたは、定義ファイルがThirdParty.d.tsと呼ばれるかもしれないですし、次のようになり：

declare namespace ThirdParty { 
    interface User { 
    id string; 
    getID(): string; 
    } 
} 
export = ThirdParty; 

その後、あなたはこのようなあなたのtypescriptですから、これらの宣言された変数、型、関数などを使用することができます。

/// <reference path="ThirdParty.d.ts" /> 
var user = new ThirdParty.User("abc"); 
console.log(user.getID()); 

D .tsファイルは基本的にtypescriptにあなたのjの型が何か、またはあなたがアクセスしようとしている型付けされていないコードを伝えます。

つまり、私がCDNからサードパーティのJavaScriptファイルを読み込んでいたとしたら、私は慎重であろう。サードパーティのスクリプトを変更すると、作成した定義ファイルと互換性がなく、コードが壊れる可能性があります。