Как использовать javascript в typescript

У меня есть файл javascript под названием ui.js.

внутри пользовательского интерфейса.js-это код настройки пользовательского интерфейса.

    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, так как есть сотни строк, и это не обязательно. Он просто должен быть один раз после того, как пользовательский интерфейс готов.

Мне кажется, что я должен иметь возможность обернуть его в функцию, а затем вызвать эту функцию из машинописный текст.

но я не смог понять, как это сделать.

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

6
typescript

2 ответов

но я не смог понять, как это сделать.

просто набор allowJs true в вашем tsconfig.в JSON compilerOptions и и входит используя files/include/exclude etc.

больше

Я сделал видео на тему Как хорошо https://www.youtube.com/watch?v=gmKXXI_ck7w

13

вы можете вызывать функции JavaScript из внешних файлов без каких-либо проблем. Но вы должны объявить их, чтобы TypeScript знал о них. Если вы этого не сделаете, ваш код будет работать, но вы получите ошибку при компиляции.

Вы можете использовать анонимно набранный var:

declare var myFunction;

или var с интерфейсом:

interface __myFunction { } declare var myFunction: __myFunction;

вы также можете записать это в файл объявления (но это не обязательно). См. также TypeScript документация.

4