Question

我有一个名为searchBar.ts的文件，其中包含一个我希望在名为index.ts的文件中调用的init（）函数。

我的searchBar.ts文件如下所示：

class searchBar {
    init() {
        console.log('work you C*&*T')
    }
}

export let searchBarClass = new searchBar;

然后我希望能够在index.ts中调用此函数。我目前正在尝试使用以下代码执行此操作，但我的intellisense中找不到init：

import { searchBarClass } from './modules/searchBar';

class Main {
    searchBarClass.init()
}

let main = new Main();
export {main}

稍后我想将函数包装在我将在HTML文件中调用的全局函数中。

让我知道你的想法

Answer 1

如果要导出类并在对象实例上调用init（）方法：

export class SearchBar {
    init() {
        console.log('work you C*&*T')
    }
}

然后从另一个文件访问它：

import { SearchBar } from './modules/searchBar';

export class Main {
    constructor() {
        let searchBar = new SearchBar();
        searchBar.init();
    }
}

let main = new Main();

如果要静态访问init（）函数：

export class SearchBar {
    static init() {
        console.log('work you C*&*T')
    }
}

然后从另一个文件访问它：

import { SearchBar } from './modules/searchBar';

export class Main {
    constructor() {
        SearchBar.init();
    }
}

let main = new Main();

Typescript - 调用从另一个文件导出的类。

1 个答案: