Добавление внешнего javascript в проект Ionic 2

Question

Допустим, у меня есть этот файл foo.js, где я объявил переменную, функцию и класс.

Пока нет проекта.

Предположим, что я хочу использовать эту переменную, класс и функцию в своем методе home.ts или просто сделать ее доступной по всему миру (для использования в методе home.ts).

Как это сделать?

Answer 1

позволяет сказать, что в вашем файле foo.ts мы имеем Funtion

myfunt(){ 
//your logic goes here 
} 

теперь, если вы хотите использовать эту функцию в home.ts файл

step1: импортировать Foo .TS файл в home.ts

Step2: в вашем экспортном классе должен выглядеть следующим образом

export class home extends foo { 
//since you have used extends keyword now you unlocked all the data in foo.ts file for home.ts file 


     //here now try to access your myfunt() funtion 


     constructor(){ 

      super.myfunt(); //user super keyword to access all the data available in foo.ts file 
     } 

    } 

Answer 2

Вы можете использовать файлы определений (.d.ts).

Сначала проверьте, есть ли файл foo.js, созданный сообществом. Проверьте это здесь: http://microsoft.github.io/TypeSearch/ или здесь https://github.com/DefinitelyTyped/DefinitelyTyped

Если существует вы можете установить его так:

npm install --save @types/foo 

Если нет, то вы можете создать свой собственный файл описания для этого файла JavaScript.

Пусть называют это foo.d.ts с содержанием, как это:

declare var data:any; 
declare function myFunc(n:string); 

После того как вы его, вы можете использовать его как обычный файл «.ts».

import * as foo from "./foo"; //"./foo" is the path of your .d.ts. 
foo.myFunc() 

Более подробная информация здесь: https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/