Question

假设我有这个foo.js文件，我在其中声明了一个变量，一个函数和一个类。

它尚未在项目中。

现在假设我想在home.ts方法中使用这个变量，类和函数，或者只是让它全局可用（在home.ts方法中使用）。

我该如何实现？

Answer 1

让我们在你的foo.ts文件中说我们有一个功能

myfunt(){
//your logic goes here
}

现在如果你想在home.ts文件中使用这个功能

step1 ：在home.ts中导入你的foo.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/

将外部JavaScript添加到Ionic 2项目

2 个答案: