Введение

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

В этой статье я расскажу о некоторых важных моментах при написании программ на TypeScript.

Сначала определите тип данных

Вывод типа в TypeScript настолько мощен, что во многих случаях тип автоматически устанавливается сам по себе, и вам не нужно самостоятельно определять тип переменной, и с этим не возникает особых проблем. Однако, написав типы заранее, вы можете уточнить структуру программы, которую собираетесь написать. Другими словами, по крайней мере не позволяйте себе писать программу, которая отличается от того, что вы задумали.

Следующие программы являются некоторыми примерами.

Константы сначала определяются как литеральные типы

Роль типов в TypeScript состоит в том, чтобы уточнить, какие значения доступны. Давайте реализуем на основе этого. По этой причине valueOf, который заранее подготавливает тип, используется редко.

  • valueOf: создать тип объединения литерала символьного типа из объекта-константы.
  • mappedConst: преобразование типа объединения литерала символьного типа в форму объекта.

Напишите возвращаемый тип

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

  • Значение, возвращаемое программой, может быть четко определено.
  • При рефакторинге функции тип может предотвратить непреднамеренные изменения.

Написав сначала тип возвращаемого значения, а затем написав код внутри, вы можете писать код, проверяя, что возвращаемое значение соответствует вашим намерениям.

Не используйте Partial как можно чаще

Partial, зарезервированное слово, полезно. Тем не менее, в основном рекомендуется не использовать его очень часто. Например, в следующей программе, если тип store равен Partial, это становится проблематичным.

Это не практический пример, но, например, с приведенным выше store все свойства должны проверяться каждый раз. Это утомительно. В этом случае было бы проще реализовать, в основном запрашивая все значения, когда они все доступны, или подготавливая начальное значение, или допуская частичные неопределенные значения.

Таким образом, нам нужно только проверить, является ли store undefined.

Избегайте ненужных необязательных

Легко установить любое значение optional, если оно может быть неопределенным. Однако Hoge и Fuga в следующей программе означают не одно и то же: значения, которые могут быть неопределенными, и значения, которые не нужны. быть пройденным различны по смыслу.

Например, если функция используется во многих местах и ​​вы не хотите, чтобы она была указана или нет по отношению к bar, то optional подходит больше, но если вы хотите bar или она всегда передается, то не устанавливая это к optional больше подходит.

Модуль и скрипт

Чтобы правильно использовать declare, очень важно понимать и знать разницу между модулями и скриптами.

Браузеры и Node.js различают модули и скрипты по внешним спецификациям, но TypeScript принципиально различает их по содержимому файла.

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

export {};

Рекомендации