Вызов функций TypeScript в JavaScript: пошаговое руководство

Чтобы вызвать функцию TypeScript в JavaScript, вы можете выполнить следующие действия:

  1. Убедитесь, что вы скомпилировали код TypeScript в JavaScript. TypeScript — это надмножество JavaScript, поэтому его необходимо транспилировать в JavaScript, прежде чем его можно будет выполнить в браузере или среде выполнения JavaScript.

  2. Импортируйте сгенерированный файл JavaScript в свой код JavaScript, используя тег сценария или оператор импорта модуля, в зависимости от ваших настроек.

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

Вот пример, иллюстрирующий процесс:

  1. Код TypeScript (example.ts):

    function sayHello(name: string) {
    console.log(`Hello, ${name}!`);
    }
  2. Скомпилируйте код TypeScript в JavaScript:

    tsc example.ts

    При этом будет создан файл JavaScript с именем “example.js”.

  3. Код JavaScript (example.js):

    // Import the generated JavaScript file
    // If using a module system like ES modules
    import { sayHello } from './example.js';
    // Call the TypeScript function
    sayHello('John');

Вот и все! Теперь вы можете вызывать функции TypeScript в своем коде JavaScript.