В этом руководстве объясняется, как можно указать тип функции в TypeScript.
Как указать «Тип» функции в TypeScript?
“ тип Ключевое слово ” соответствует типу параметров/аргументов функции или ее возвращаемого значения. После того, как тип установлен с параметрами, пользователь не может добавить в него значение любого другого типа.
Начнем с первого примера.
Пример 1. Укажите тип возвращаемого значения функции
В этом первом примере указывается тип возвращаемого значения данной функции, который ограничивает эту функцию, чтобы возвращать только значение указанного типа возвращаемого значения.
Код
Используйте эти строки кода в файле с расширением «.ts»:
функция Время ( ) : число {
возвращаться новый Дата ( ) . получить время ( ) ;
}
консоль. бревно ( Время ( ) ) ;
В приведенных выше строках кода:
- “ Время() ” указывает “ число ” в качестве типа возвращаемого значения этой функции.
- Этот оператор «возврата» использует « дата », связанный с « получить время () », чтобы вернуть дату и время в миллисекундах в виде «числа».
- Наконец, вызовите определенную функцию.
Выход
Скомпилируйте файл «.ts» с помощью компилятора «tsc», а затем запустите скомпилированный файл «.js»:
тс основной. тс //Скомпилироватьузел основной. js //Бегать
Как видно, функция «Time ()» извлекает указанное числовое значение, поскольку ее тип возвращаемого значения — «число».
Пример 2: укажите типы параметров функции
В этом примере указывается тип параметров функций, чтобы они не принимали значения другого типа данных:
функция добавить ( а : число, б : число ) : число{
возвращаться а + б ;
}
консоль. бревно ( 'Сумма:' + добавлять ( 10 , двадцать ) ) ;
В этом коде:
- “ добавлять() 'функция принимает два параметра' а и б 'типа' число ».
- Эта функция возвращает числовое значение в результате указанной арифметической операции, т. е. «a+b».
- “ console.log() ” метод вызывает “ добавлять() », передавая указанные значения аргументов в виде «чисел».
Выход
тс основной. тсузел основной. js
Здесь вывод успешно показывает сумму указанных чисел.
Пример 3: Типы функций в TypeScript и указание их типов
В TypeScript функции делятся на два типа: « Названный ' и ' Анонимный ».
Именованная функция
“ Названный ” функция объявляется по заданному имени. Эта функция может содержать тип параметров функции или тип возвращаемого значения. Его демонстрацию можно просмотреть в «Примере 2».
Синтаксис
имя_функции ( [ аргументы ] ) { }Анонимная функция
“ Анонимный ” присваивается переменной, которая динамически определяет ее как выражение во время выполнения. Он работает так же, как простой/функция. Пользователь может вызвать ее, используя имя переменной, в которой она назначена для вызова функциональных возможностей функции.
Синтаксис
пусть результат '=' функция ( [ аргументы ] ) { }Теперь давайте продемонстрируем обсуждаемую функцию практически:
пусть myFunc '=' функция ( Икс : номер, у : число ) : число {возвращаться Икс * и ;
} ;
консоль. бревно ( моя функция ( 10 , 6 ) ) ;
В приведенных выше строках кода:
- Переменная «myFunc» определяет функцию, имеющую параметры (с их типами) и возвращаемый тип.
- Оператор «return» возвращает произведение переданных значений.
- “ console.log() » метод вызывает «анонимную функцию» с помощью присвоенной ей переменной « моя функция », передав указанные значения в качестве аргументов.
Выход
тс основной. тсузел основной. js
Здесь выходные данные возвращают значение «числового» типа, поскольку тип возвращаемого значения функции — «число».
Заключение
В TypeScript « тип ” функции относится к параметрам функции или возвращаемому значению на основе встроенных типов данных, так что функция поддерживает только указанные значения. В этом руководстве кратко объясняется, как указать «тип» функции с помощью TypeScript.